오늘도 디벅잉 오늘도 디벅잉

CSS 기본 설정 :root - 자주 쓰는 CSS 내용 전역변수 설정 Reset CSS 2.0 - HTML 기본 특성들 없애고 시작하기 BEM (Block Element Modifier) __ : element -- : modifier https://cssguidelin.es/#bem-like-naming CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS CSS Guidelines is a document by me, Harry Roberts. I am a Consultant Front-end Architect from the UK, and I help companies al..

코드 작성시 기본 방침 1. 마우스 사용 최소화 2. Emmet 사용 필수! 습관화하기! 3. Prettier 설치 (설치 방법 향후 작성 예정) 4. 귀찮은거 싫은 사람은 WebStorm 사용 추천 WebStorm 단축키 (VS Code 역시 동일할 수 있음) Ctrl + (방향키 or 백스페이스) : 동일한 특성을 가지는 단어 그룹만큼 이동 or 삭제 Ctrl + Alt + J : 현재 커서가 있는 행을 특정 태그로 감싸기 Alt + F2 : Built-in Preview 또는 브라우저(크롬, 파이어폭스, 엣지 등 설정 가능) 실행 Alt + Shift + 위아래 방향키 : 현재 커서가 있는 행을 위아래로 이동 Shift + F6 : 동일한 성격의 같은 이름들을 동시에 변경 WebStorm 사용 이점..

HTML - CSS - JavaScript 관계 HTML - CSS - JavaScript 셋의 관계에 대한 설명을 듣다보니 건축 3대 요소 구조 - 미 - 기능의 관계가 떠올랐다. 웹페이지의 콘텐츠를 구성하는 HTML은 건축의 뼈대가 되는 구조(Structure)와 닮았고, 콘텐츠의 색상, 크기 등 외형을 꾸미는 CSS는 건축에서의 보여지는 아름다움(Beauty)과 의미가 통하며, 동적인 기능을 가능케 하는 JavaScript는 건축의 기능(Function)과 의미가 통한다고 느꼈다. HTML = Structure CSS = Beauty JS = Function 요소(Element)의 닫는 태그(Closing Tag)가 /element 인 이유 HTML에서 닫히는 요소(element)들은 /blabla..

Emmet(에밋)이란 html 코드 작성시 축약어 같은 개념으로 코드 작성 시간을 단축시켜 주기 때문에 손에 익혀야할 내용이다. 사용법은 간단하다. 축약어를 입력하고 키보드 'Tab ' 키를 누르면 된다. 예를 들어 div.class 입력 후 'Tab' 을 누르면 가 입력된다.

아래 코드를 실행하면 23번째 행(Scraper.scrape())에서 다음과 같은 에러가 발생한다. TypeError: scrape() missing 1 required positional argument: 'self' self 키워드를 매개변수로 받는 메소드는 객체를 통해서 호출해야 한다. 클래스 이름으로 직접 호출시 self 매개변수가 전달되지 않는다. # 참고자료 : 프로그래머 첫걸음 (코리 알트호프 / 한선용 / 한빛미디어)

# 정규표현식 - 검색 패턴을 나타내는 문자 시퀀스 # 줄임말 - regex (레젝스) # 탐색 방법 1. 찾고자 하는 문자열 입력 - 단순일치 2. ^(caret symbol) - 패턴이 문자열의 처음에 나타날 때 3. $ - 패턴이 문자열의 끝에 나타날 때 4. [] - 여러 문자에 일치 : 대괄호 사이에 찾고자 하는 문자들을 입력 5. \d - 모든 숫자와 일치 6. . - 어떤 문자와도 일치 7. * - 해당 문자가 하나 이상 들어가 있는 경우 (해당 문자가 없는 경우도 포함함) 8. *? - "*"는 적극적으로 탐색하기 때문에 "?" 기호를 붙여서 소극적 탐색으로 만들 수 있음 ※ 참고자료 - 프로그래머 첫걸음 (코리 알트호프 / 한선용 / 한빛미디어)

한줄 요약 파이썬 입문 + 프로그래밍 입문 책 속 한줄 '첫 번째 버전이 동작한다고 해서 멈춰서는 안되며, 코드가 아름다워 보일 때까지 계속 리팩토링하고 정제해야 한다.' 서평 지금까지의 직장생활을 뒤로하고, 개발자로서의 삶으로 전환을 결심한 이후 읽은 첫 번째 책이다. 개발자로서 언젠가 접하게 될 배시, 정규표현식 등 기본적인 개념들을 설명해줘서 좋았다(책에 없었다면 있는지도 모르고 지나쳤을 개념들이다...). 후반부의 '훌륭한 프로그래머가 되는 방법'이라는 챕터에서는 개발 관련 팁도 얻을 수 있었다. "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

# 명령행 인터페이스 - 운영체제가 실행할 명령을 운영체제에 직접 입력하는 프로그램 # 명령어 1. echo - 출력 2. '↑', '↓' 방향키 - 최근 명령어 스크롤 3. pwd (print working directory) - 작업 디렉토리 출력 4. cd (change directory) - 디렉토리 이동 5. ls (list directory) - 현재 디렉토리에 들어 있는 디렉토리와 파일을 출력 6. mkdir (make directory) - 새 디렉토리를 만듦 7. rmdir (remove directory) - 디렉토리를 제거 7. '~' - 홈 디렉토리를 지칭 (ex. cd ~) 8. '..' - 상위 디렉토리 (ex. cd .. - 상위 디렉토리로 이동) 9. touch - 새 파일을..