💪 Pre Learning 2

📌 개발 공부 0.5개월 차인 to-be 개발자의 자습 블로그🙂ﾠJul, 2021

새로운 분야에 임하는 마음
무엇을 모르는지도 모르는 상태에서 무엇을 모르는지 아는 상태로 넘어가는 것, 그리고 어렵지만 결국 알게 되기까지.
첫 번째 단계에서는 다른 이의 도움이 필요하고, 두 번째 단계에서는 앎을 좇는 나의 자세가 필요하고, 세 번째 단계에서는 완벽주의가 필요하며, 모든 단계에서 게으름을 경계해야 한다.

현재 상태
8월에 있을 WeCode 이수 전 HTML, CSS, JS의 기초 개념에 접근하는 중

FE 개발자가 하는 일

한 줄로 짧게 정리하면

• UI 개발
• 이벤트에 대한 로직 개발
• 크로스 브라우징, 크로스 디바이스
• 데이터 시각화

한편, 함께 일하는 BE 개발자가 하는 일은

• API 관리
• Data Pipeline 구축 (데이터팀에서 하기도 함)
• Infrastructure & Architecture 설계
  이해를 돕기 위한 링크 1, 링크 2, 링크 3

초급자를 위한 개요

문제를 해결해 보자. 아직 문제가 없다면 다른 사람의 문제가 일단 내 문제인 것처럼 가정해 보자.
그런데 꼭 '문제'일 필요는 없지 않을까. 프로젝트의 동기가 있다면 도전해 보자.

1. 프로젝트의 동기
2. 기획
   1) wireframe (스케치: 채색 안 한 수채화, 대사 넣기 전 만화)
   2) storyboard w/ flowchart
   3) prototype (디자인 탑재)
3. 코딩
   1) web browser와 editor 준비
   2) HTML - 태그 (Element), 속성 (Attribute)
   3) Git Hub
   4) Appache - HTTP, IP Address
   ※ 오픈 소스의 힘 (GA)
   5) CSS - 선택자 (Selector), 선언 (효과/Decaleration), 속성 (Property), 값 (Value), class, id, 반응형 디자인
4. 점검
   1) code review
   2) refactoring

자바스크립트에 접근

1. 정적 web에서 동적 web이 되게 하는 언어 Javascript
   "사용자와 상호작용하는 웹 페이지를 만들고 싶다."는 욕망에서 시작
2. 10일만에 만들어진 JS → ECMAScript를 통해 표준화, AJAX, library 도입, chrome 탄생
3. 현재는 SPA로 구현하는 것이 대세 feat. React

기본 개념 강의 모음

• 생활코딩
  HTML, Internet
  CSS
  JavaScript

• {code club}
  HTML & CSS: Module 1

• Khan Academy
  HTML/CSS: 웹 페이지 제작이란?
  

• 드림코딩
  JavaScript
  
  

🙇 the source of this content

생활코딩
Wecode

➕ afterthought

8월 2일에 커리큘럼을 시작한 후 React로 프로젝트를 마무리한 현재 10월 1일.
돌이켜 보면, 최소한 사전 학습 기간인 7월 한 달 간 위 강의에 있는 JavaScript를 충분히 공부했어야 했다.
그래서 사전 학습용 자료를 받은 건데, 난 7월 30일까지 근무하며 JavaScript를 공부하지 못한 체 퇴사 이틀 만에 과정을 시작해버렸다.

8월 첫째 주에 HTML, CSS를 끝내고(?) 바로 JavaScript에 들어간 후, 둘째 주에도 JavaScript를 공부하려고 하니 다른 사람들의 학습 속도와 비교되어 막막해 뒤쳐지는 나를 자책하느라 이론이 눈에 들어오지 않았다.

이 상태에서 8월 3주 차에 React를 시작했으니 그 뒤는 안 봐도 뻔한 결과... (옆에서 알려줘도 코드를 못 짜는 수준 😢)
JavaScript를 모르는데 어떻게 React를 하나 싶어 지금 이렇게 다시 JavaScript를 들여다본다.