뒤죽박죽

willy·2022년 1월 5일

생각정리

마음이 급하다. 오늘 공부한 내역을 톺아봤다.

너무 뒤죽박죽이라 민망할 정도였다.조급함이 가장 큰 패착요인이 될 수 있다는데, 그 과정을 그대로 답습하는 듯 했다.

오늘 아침, 사촌형이 보내준 사이트에서 1년 동안 수강할 수 있는 강의들을 모두 장바구니에 담았다.
그리고 모두 공부해야지라는 생각을 했었다.

지금 생각해보면 로드맵이 얼마나 중요하고, 계획이 필요한 일인데 모두 무시하고 눈에 가는 것부터 손을 뻗었으니 효과는 미미한 듯 하다.

처음에는, 리눅스에 대해 알고, 운영체제에 대한 지식이 있어야 더 효율적으로 공부할 수 있겠다라는 생각에 무작정 리눅스 강의를 수강했다.
기본적인 것들에 대해 훑어보는 식으로 시간을 할애했다.

그리고 무작정 아무런 공부를 시작할 수 없어서,
2022 프론트웹 개발자 로드맵에 대한 정보를 찾기 시작했고, 큰 도움이 됐다.

계획을 그려가니, 순차적으로 일정을 잡아갈 수 있었고 조급함을 줄일 수 있었다.
시간이 남을땐 계획하는 습관을 들이는 것이 좋을 듯 했다.
그렇다면 어떤 것을 배웠는지는 아래에 자세히 기재해두도록 하자.

2022 프론트웹 로드맵

우선 5가지 단계로 나눌 수 있었다.

Basic tool
front-end
framework
testing
publish

이중에서 1,2,5번만 해도 기본기에 충실한 개발자가 될 수 있다고 한다.

1번부터 살펴보면서 어떤 것을 공부할지 잡아보자
basic tool 은 단언컨데 html, css, javascript다.
이 것들은 모든 영상에서 듣는 이야기다. 그러니 더욱 중요하단 뜻이겠지.

아무튼, 내가 해야할 것들을 다음과 같이 정리해보았다.

html

Html의 기본 태그엔 어떤 것이 있는지 알아야한다.
page 구조 잡는 법
semantic tags 공부하기
SEO 흐름 알기
accessibility 공부

어디까지나 깊게 할 필요는 없다. 조금 공부하고 많이 써먹어야한다.
그러니 고통스러울때까지 공부하지는 말자 머리에 들어오지도 않는다.

css

스타일링
레이아웃 구성
responsive 디자인
animation

이 순서대로 잡아나간다면 충분히 기본기를 다질 수 있다.

javascript

자바스크립트는 기본 문법과 브라우저 api로 나뉜다고 한다.
기초를 잘알아야 효율적인 성장이 가능하니 항상 상기하자.

basic 문법
advanced
- prototype
  - hoisting
- scope
  - closure

브라우저 api
1. DOM manipulation
2. events
3.fetch api

BEM

다음은 BEM이다. css문법을 작성하는 설명서라고 이해하면 쉽겠다.
css에서 style이나 클래스 이름 선언시 규모가 커지거나 덧붙여질수록 값에 대한 충돌이 발생할 수 있다.
그러다보면 style을 덮어씌우는 일이 생기기도 한다. 이를 방지하기 위해 class이름을 작성하는 방법을 규정한 BEM을 참고하면 도움이 많이 된다.