본문 바로가기

Always Awake29

피로그래밍 12기 2주차 활동정리(20.01.07~20.01.13) 화요일(01.07)bootstrap의 grid system을 이용하여 반응형 웹만들기 by 정성모 선배님 container로 전체에 마진을 주고, 그 내부에 row div(한 행의 전체양 ex-12), row div를 다시 column div(행 안에 나눌 양-ex 4,4,4)로 나누어 격자형을 만듬. col-md-n : 노트북 디바이스에 적합하도록 만들어놓은 클래스명으로, 화면을 줄이면 div의 위치가 알아서 바뀜.(반응형 구현)col-sm-n : 태블릿 디바이스에 적합하도록.col-lg-n : 노트북/데스크톱에 적합하도록.col-xl-n : 데스크톱 이상 크기의 화면에 적합하도록.따로 지정하지 않으면 xs크기, 즉 스마트폰 크기에 맞추어 지정.즉 default 지정은 xs에대하여. 각 클래스 명에 따.. 2020. 1. 13.
20.01.12 기록 1. 클래스 속성과 인스턴스 속성 클래스 속성 : 클래스 자체에 바로 선언된 속성 인스턴스 속성 : 각 인스턴스별로 따로 가지고 있는 속성 클래스 속성은 한 클래스에서 나온 모든 인스턴스가 공유하고 있다. 즉, class Person: feeling = [] def got_feeling(self, feel): Person.feeling.append(feel) #self.feeling.append(feel)와 같은 코드지만, 클래스 속성임을 조금 더 명시적으로 나타낸 것 alphaca = Person() alphaca.got_feeling(‘nice’) Beenzino = Person() Beenzino.got_feeling(‘good’) print(alphaca.feeling) #속성,메서드 이름을 찾는.. 2020. 1. 13.
20.01.09 정리 1. 리스트로 스택과 큐 만들기 스택 : 후입선출구조 (선입후출구조) 큐 : 선입선출구조 append()와 pop()이 리스트 끝부분에 요소를 추가시키고 삭제하므로 이를 통해 간단한 스택구조를 만들수 있음. 큐의 경우는 좀더 효율적인 사용을 위해서 deque(double ended queue) 자료형을 제공한다. 덱은 양쪽 끝에서 추가/삭제가 가능한 구조. 사용 방법은 from collections import deque로… deque 자료형의 경우는 appendleft() 메서드와 popleft() 메서드를 제공한다. 따라서 append와 popleft의 조합, appendleft와 pop의 조합을 이용하여 양쪽방향으로 큐를 활용할 수 있다. 2. sort 함수와 sorted 함수의 차이 sort()와.. 2020. 1. 9.
2주차 수요일 개인과제 - bootstrap 사용하여 카피하기 부트스트랩 사용하여 카피페이지 만들기. 조건 - css 추가 x, 외부 플러그인 추가x 1. navbar에 fixed-top을 주니 아래 컨텐츠들을 잡아먹는문제. body에 padding-top:70px을 주면 된다고 한다. 다른 방법으로는, body에 class=“pt-5”를 줘서 패딩을 전체 추가해도 해결된다고 한다.(아마도 부트스트랩 내에서 해당 클래스에 패딩을 잡아놓은 듯 하다) 그러나 나는 css를 줄 수 없는데.. 어떻게 해결해야하지? cdn으로 받아온 거라 네브바 안쪽의 css를 건드릴 수도 없었다... 그냥 탑패딩을 주는것으로 처리. 애초에 main container를 navbar를 제외한 모두로 두면 되는 문제였다. row 그리드와 container그리드는 서로 겹칠일이 없다. 영역을 명.. 2020. 1. 8.
20.01.06 정리 1. slice 객체를 활용하여 여러 squence객체를 슬라이스하기 slice 객체는 시작, 끝, 인덱스 증가폭을 가지는 객체로, 잘라내고 싶은 부분을 지정해두는 것과 비슷한 느낌으로 사용된다. slice 객체를 지정해두면, 해당 객체의 정보를 이용하여 다른 sequence의 내용물을 슬라이스할 수 있다. 예를들어 List = [1,2,3,4,5,6,7,8,9,10] Tuple = (1,2,3,4,5,6,7,8,9,10) Range = range(10) String = “Always Awake” 라는 각각 다른 종류의 네 시퀀스객체가 존재 한다고 하자. 이 각각의 시퀀스 객체에 대하여 인덱스 2번부터 8번까지중 한 칸씩 건너뛴(증가폭 2를 가진) 요소들만 슬라이스하여 새로운 객체들을 만들고싶다. 그러면.. 2020. 1. 7.
피로그래밍 12기 1주차 활동 정리 (19.12.31~20.01.06) 화요일(12.31)인프런 실전 HTML&CSS 22강까지 듣기 목요일(01.02)30강까지 끝내고... 부대복귀로 인하여 목요일 수업까지 결석. 트위터 로그인페이지 카피하기 : 수요일 과제(목요일까지 제출) 반성- id보다 클래스를 자주 사용하는 습관 들이기- 후손선택자보다 자손 선택자 사용 ( 이후 내부 div에서 코드가 꼬여서 원하는 대로 스타일 지정이 안될 수도 있음)- 백그라운드 이미지를 만들어 쓰지 말고 백그라운드 색깔넣고 이미지 올려도 되는데... z-index의 사용 시야 넓히기- 적절한 곳에 overflow:hidden주는 습관 들이기- a링크에 패딩줘서 버튼 만드는 편법도 괜찮지만.... 그냥 button 태그를 사용하자. 금요일(01.03)팀과제 : 래피드 페이지 프런트 구현하기 - 애.. 2020. 1. 6.