[패스트캠퍼스] The RED : 프론트엔드 Back to the Basics

깃 강의 추천 - 생활코딩 : 지옥에서 온 gitIterm - 터미널VirtualBox - IE 환경 테스트앤 - 여러 노드js버전을 관리해주는 어플리케이션라이스캠 - 화면 캡쳐 프로그램공부할 범위를 축소하라 : 국영수 위주로 공부하라 이런 뜻영역은 조금씩 늘려가되 필

정확한 용어 알기 : 영어 원문과 발음도 제대로 알기. 원활한 의사소통을 하려면 용어를 정확하게 익히는게 중요하다Private 프리베이트 x 프라이빗 o영어 원문으로 검색해야 더 많은 자료를 찾을 수 있다해외 취업의 기회명확한 근거 정하기 : 어떤 결정에는 구체적인 이

Semantic HTML : html 엘리먼트와 속성, 속성값은 특정한 의미를 지니도록 정의되었다.내가 쓰는 태그가 어떤 의미를 담고 있는지 아는 것 중요하다.나쁜사례 : 청와대 웹사이트 -> 메뉴, 푸터 등이 죄다 div로 되어 있음모범사례 : 레진코믹스 -> hea

크롬 브라우저에서 수집한 통계에서, 가장 많이 사용된 프로퍼티 목록을 볼 수 있음.뭐부터 공부해야 할 지 모르겠다면 이거 보면서 우선 순위 확인해보는 것 추천상위에 width, height, position, padding 등 레이아웃 관련된 게 많음.가장 많이 사용되

별도 라이브러리가 필요한 다른 방식과 달리 ESM 방식은 웹 브라우저에서 네이티브로 지원한다. <script> 태그에서 type을 모듈로만 써두면 모듈 방식을 사용해서 스크립트 파일을 불러올 수 있다. 브라우저 호환성 문제도 있어 아직 널리 사용하기는 어렵지만 점

주석으로 설명을 보조하는 것도 좋지만, 되도록이면 코드만 읽고도 의도를 알 수 있게 작성해야 한다.리팩토링 - 마틴 파울러 책 추천. 2편은 자바스크립트 기반으로 되어 있어 더 좋다.이 코드를 접속사없이 한 문장으로 설명할 수 없으면 이 코드가 명확한지 다시 한번 고민

당신이 만든 프로그램의 사용자는 두 부류다. 13살에 이미 국방부와 CIA를 해킹한 천재 해커와 버튼이 어디있는지 못 찾는 바보극단적인 상황을 가정해야 하며, 방어적인 프로그래밍을 해야 한다!예를 들어 두 숫자를 더해주는 간단한 함수가 있다고 하자. 처음 테스트는 아마

소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법마틴 파울러, 리팩터링 2판, 한빛미디어처음에는 그냥 한다.비슷한 일을 두 번째로 한다면(중복이 생겨 당황스럽겠지만) 그래도 일단은 그냥 진행한다.비슷한 일을 세 번

일을 하는 순서 일단 작동되게 함 > 올바르게 동작 > 빠르게 동작 프론트엔드 개발에서 성능 최적화는 다른 작업보다 우선순위가 떨어짐 성능은 시간과 리소스로 측정한다 다운로드 해야 할 개수가 6개 이상이라면 기다렸다가 다운로드함 > 이미지가 6개 이상이라면 기다

자바스크립트 : 시각적 변화 유발스타일 : 어떤 규칙을 어떤 요소에 적용할지 계산레이아웃 : 요소가 화면에서 차지하는 공간과 위치 계산. 다른 요소에 영향을 줄 수도 있음페인트 : 각 레이어에 픽셀을 그려내는 과정. 텍스트,색,이미지,경계선,그림자 등 표현합성 : 정해

전역 함수는 되도록이면 사용하지 말 것.데이터는 사용하고 제때 해제해주는 것이 좋음. > 함수나 모듈로 분리프레임워크는 용량이 크기 때문.네이버 메인페이지진도, 제이쿼리 두개의 프레임워크를 사용하고 있음.파일 압축하기!성능에 집착하기보다 지속가능한 코드 작성에 신경쓰기