2021년 10월 13일 수요일

Rule Update 2021-10-14


문제 의식(問題意識

  1. 기존 컴퓨터 지식 관련 블로그는 A-Z까지 사사롭게 기술되어 있다. 때문에 제 3자가 내용을 알아보기 힘들다.
  2. 때때로 Senior Developer님이 보시기에 내가 공부한 학습량에 대해서 잘 인정받지 못한다.
  3. 간단한 내용을 기억하지 못한다.
  4.  대답할 때 명료하게 정리해서 말하지 못한다.
  5.  시간이 지나면 기존에 했던 것을 자꾸 잊어버린다.
  6.  말로 전달하기까지 기억하는데 시간이 오래 걸린다.
  7.  구글 검색에 너무 의존한다.
  8.  해당 지식에 대해서 두루뭉술하게 기억하고 있다.
  9.  기술 면접 위주의 CS 질문들을 해결하고 싶다.
  10. 외국어 소통에 대한 중요성과 신기술 혹은 해외 개발자들이 기술한 영어 문서를 읽기 위한 노력이 필요하다.

해결 방법

  1. 암기하는 방법에 대해서도 정리를 해둔다.
  2. 단기간 내에 정리된 학습 내용을 반복하여 암기한다.
  3. 키워드 위주로 암기한다.
  4. 일본어는 한자어가 익숙해지기 위해 한글 옆에 같이 기술한다.
  5. 위와 같은 방법으로 영어 패턴, 일본어 패턴도 같이 정리하여 바로 대응할 수 있을 정도로 암기를 반복한다.
  6. 새롭게 알게 된 지식, 잘못 알았던 지식들에 대한 기술은 업데이트한다.

기술 블로그를 기술하는 목적

  1. 제 3자가 알아볼 수 있는 기술 블로그의 필요성을 느꼈다.
  2. 기초 기반 위주의 지식들을 먼저 정리한다.
  3. 해당 지식들에 대하여 간단하게 소스 코드를 가지고 설명할 수 있어야 한다.
  4. 재 사용 가능한 코드를 작성하여야 한다.
  5. 더 나은 코드의 방향성을 제시할 수 있어야 한다.
  6. 기술 블로그를 기술하는데, 시간이 많이 소요되더라도 말과 그림으로 논리정연하게 설명할 수 있어야 한다.

기술 블로그 작성 요령

  1. 먼저 Rough하게 작성한 다음에,
  2. 추가되어야 하거나, 빠져야 하는 내용 또한 다듬을 것이고,
  3. 그 전에는 맞는 말이였을지라도 바뀐 내용이 있다면 재명시할 것이다.
     
  4. 그리고 이전에 기술했던 내용이라도 제 스스로 부족함을
  5. 느낀다면 몇 번이고 백지상태에서 다시 반복할 것이다.
  6. 사람은 일주일이면 망각의 강을 건너기 시작하기 때문이다..

ff

aa

2021년 10월 12일 화요일

jQuery

  1. 1 jQuery Basics
  2. 2 jQuery Ajax & JSON
  3. 3 jQuery Deferred Object
  4. 4 jQuery Plugin

JavaScript

 

  1. 1 기본 개념과 동작 원리 이해의 중요성
  2. 2 자바스크립트란?
  3. 3 자바스크립트 개발 환경과 실행 방법
  4. 4 브라우저 동작 원리
  5. 5 자바스크립트의 기본 문법
  6. 6 데이터 타입과 변수
  7. 7 연산자
  8. 8 제어문
  9. 9 타입 변환과 단축 평가
  10. 10 객체
  11. 11 객체와 변경불가성(Immutability)
  12. 12 함수
  13. 13 타입 체크
  14. 14 프로토타입
  15. 15 스코프
  16. 16 보다 안정적인 자바스크립트 개발 환경을 위한 Strict mode
  17. 17 함수 호출 방식에 의해 결정되는 this
  18. 18 실행 컨텍스트와 자바스크립트의 동작 원리
  19. 19 클로저
  20. 20 자바스크립트 객체지향 프로그래밍
  21. 21 빌트인 객체
  22. 22 전역 객체
  23. 23 Number 레퍼 객체
  24. 24 수학 상수와 함수를 위한 Math 객체
  25. 25 날짜와 시간을 위한 Date 객체
  26. 26 정규표현식
  27. 27 String 레퍼 객체
  28. 28 배열
  29. 29 자바스크립트 배열은 배열이 아니다
  30. 30 배열 고차 함수
  31. 31 문서 객체 모델(Document Object Model)
  32. 32 동기식 처리 모델 vs 비동기식 처리 모델
  33. 33 이벤트
  34. 34 디바이스의 방향 정보를 다루는 자바스크립트 이벤트
  35. 35 비동기식 처리 모델과 Ajax
  36. 36 REST(Representational State Transfer) API
  37. 37 Single Page Application & Routing

CSS3

 

  1. 1 CSS 기본 문법
  2. 2 셀렉터
  3. 3 CSS 프로퍼티 값의 단위
  4. 4 박스 모델
  5. 5 display, visibility, opacity 프로퍼티
  6. 6 백그라운드
  7. 7 폰트와 텍스트
  8. 8 요소의 위치 정의
  9. 9 요소 정렬
  10. 10 스타일의 상속과 적용 우선 순위
  11. 11 벤더 프리픽스
  12. 12 그림자
  13. 13 그레이디언트
  14. 14 트랜지션
  15. 15 애니메이션
  16. 16 트랜스폼
  17. 17 웹디자인 타이포그래피(Typography)
  18. 18 레이아웃
  19. 19 반응형 레이아웃
  20. 20 플렉스 박스 레이아웃
  21. 21 수평/수직 중앙 정렬
  22. 22 image 요소 아래에 패딩된 여분의 공간 제거하기

HTML5

 

  1. 1 프런트엔드 개발자 학습 방향
  2. 2 HTML5 기본 문법
  3. 3 시맨틱 요소와 검색 엔진
  4. 4 웹페이지의 구성하는 기본 태그
  5. 5 텍스트 관련 태그
  6. 6 HTML의 핵심 개념인 Hyperlink
  7. 7 목록(List)와 표(Table) 형식 표현을 위한 태그
  8. 8 이미지의 표현과 동영상, 음악 등 멀티미디어를 지원하는 태그
  9. 9 사용자와의 커뮤니케이션을 위한 폼 태그
  10. 10 웹페이지의 레이아웃을 구성하기 위해 공간을 분할하는 태그