**[프로그래밍의 정석]**을 보고 메모한 부분을 정리했습니다. 목차 KISS :: Keep It Simple, Stupid 오컴의 면도날 DRY :: Don’t Repeat Yourself YAGNI :: You Aren’t Going to Need it PIE :: Program Intently and Expressively (
**[프로그래밍의 정석]**를 보고 메모한 부분을 정리했습니다. 목차1.1 프로그래밍에 은제탄환은 없다.1.2 코드는 설계서다1.3 코드는 반드시 변경된다. 서론 1.1 프로그래밍에 은제 탄환은 없다.*WHY_소프트웨어는 본질적으로 난해하다. 복잡성 동조성 : 실세계와 계속 동조해야한다. 가변성 : 소프트웨어가 사용자의 인식에 영향을 미치며 새로운
**[퀵스타트 Rxjs]**를 보고 메모한 부분을 정리했습니다. 목차 웹 환경의 변화 웹 개발 복잡도 증가 웹 애플리케이션은 상태 머신이다. => 웹 애플리케이션 오류가 발생하는 경우 => RxJS는 무엇인가? 그리고 웹 어플리케이션과 무슨 관련이 있는가? 서론대부분 처음 개발을 시작할 때는 요구사항을 어떻게 프로그래밍할
웹 브라우저에서 이미지를 업로드 할 때 type이 file인 input을 통해 이미지를 받고, file API를 사용하여 이미지를 read합니다. 이때 핸드폰을 세워서 촬영할 경우 사진 이미지가 멋대로 회전되서 read될때가 있습니다. 이를 잡기 위해서는 사진의 메타정보(exif)에 있는 orientation이라는 정보를 확인해야합니다.exif가 무엇인지
**[읽기 좋은 코드가 좋은 코드다.]**를 보고 메모할 부분을 정리했습니다. 목차 상관없는 하위문제 추출하기 ⇒ 관심사 분리 ⇒ 한번에 하나씩 ⇒ 관심사 분리 방법 ⇒ 생각을 코드로 만들기 ⇒ 코드 분량 줄이기 ⇒ 서론좋은 코드는 무슨 일이 일어나고 있는지를 빠르게 전달해준다.사용하기에도 즐겁고, 자신에게도 더 좋은 코드를 만들어야 하겠다는 욕구를
**[읽기 좋은 코드가 좋은 코드다.]**를 보고 메모할 부분을 정리했습니다. 목차 읽기 쉽게 흐름제어 만들기 ⇒ 거대한 표현을 잘게 쪼개기 ⇒ 변수와 가독성 ⇒ 서론좋은 코드는 무슨 일이 일어나고 있는지를 빠르게 전달해준다.사용하기에도 즐겁고, 자신에게도 더 좋은 코드를 만들어야 하겠다는 욕구를 불러일으키기도 한다. PART 2 ) 루프와 논리를
**[읽기 좋은 코드가 좋은 코드다.]**를 보고 메모한 부분을 정리했습니다. 목차 코드는 이해하기 쉬워야 한다. ⇒ 이름에 정보 담기 ⇒ 오해할 수 없는 이름들 ⇒ 미학 ⇒ 주석에 담아야 하는 대상 ⇒ 명확하고 간결한 주석 달기 ⇒ 서론좋은 코드는 무슨 일이 일어나고 있는지를 빠르게 전달해준다.사용하기에도 즐겁고,자신에게도 더 좋은 코드를 만들어야
https://d2.naver.com/helloworld/59361 를 읽고 정리했습니다. 브라우저의 주요 기능 브라우저의 기본 구조 렌더링 엔진 동작 과정 HTML 파싱 (for DOM트리 구축) 렌더 트리 구축 렌더 트리 배치 렌더 트리 그리기 렌더 트리 구축 HTML 마크업을 처리하고 DOM 트리를 빌드합니다. CSS 마크업을 처리하고 CSS
https://d2.naver.com/helloworld/59361 를 읽고 정리했습니다. 브라우저의 주요 기능 렌더링 엔진 동작 과정 HTML 파싱 (for DOM 트리 구축) 렌더 트리 구축 렌더 트리 배치 렌더 트리 그리기 파싱과 DOM 트리 구축 파싱에 대하여문법 / 파서-어휘 분석기 조합 / 변환 / 파싱 예 &
https://d2.naver.com/helloworld/59361 를 읽고 정리했습니다. 브라우저의 주요 기능 브라우저의 기본 구조 렌더링 엔진 1. 브라우저의 주요 기능 URI를 입력할 수 있는 주소 표시 줄 이전 버튼과 다음 버튼 북마크 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼 홈 버튼 2. 브라우저의 기본 구조 사용