패스트캠퍼스 환급챌린지 14일차 미션 (2월 14일) : 프론트엔드개발 강의 후기

오늘의 목표

ch.08 끝까지 들어보자아!!

 

오늘은 ..... 끄하 수요일

목이 너무너무 아프고 몸이 무겁다.

급하게 또 나는 카페에 와서 강의를 듣는다.

가보쟈고

 

18. 플렉스(정렬) Container (1)

19. 플렉스(정렬) Container (2)

20.  플렉스(정렬) Items

 

 

FLEX

1차원의 레이아웃을 만드는 개념.

수직-Y축 정렬

수평-X축 정렬

 

 

 

flex container (부모요소)

컨테이너에 부여되는 속성들

-

display

flex-flow

flex-direction

flex-wrap

justify-content

align-content

align-items

 

flex items (자식요소)

아이템들에 부여되는 속성들

-

order

flex

flex-grow

flex-shrink

flex-basis

align-self

 

-

flex CSS 속성은 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성

flex는 flex-grow, flex-shrink, flex-basis의 단축 속성

 

수직인지 수평인지에 따라서 배치되는 내용들이 나왔다.

 

내가 보려고 정리하는 내용

 

이게 묘하게 어떤 곳에서는 사용이 되고, 또 어디에서는 사용이 안되고

이거도 사실 복잡하고, 매일 정리한 내용을 들어가서 확인해보고 해야하지만, 

그래도 어느정도 시각적으로 어떤 느낌으로 사용되는 지를 알 수 있어서 좋았다.

 

도움이 많이 되는 내용들이다.

 

css 에 대한 내용 중에 특히 배치에 관련된 내용은 회사에서 프론트엔드를 알고 있는 동료에게 어느정도 배우듯이 들어서

알고 있었다. 그리고 실제로 직접 입력해보고 적용시켜서 화면으로 표현되는 것을 확인했었다.

 

그런데 참 모든 공부가 마찬가지겠지만, 또 한동안 안하다보면 그거에 대한 익숙함이 사라져서

또 너무 새로운 단어, 형태, 개념이 되어버려 낯설어진다.

 

흐허 너무 두렵다. 예전에도 난 그랬던 거 같은데 매번.. 공부하는 것은 참 어렵다. 그리고 어떤 일에 온전히 집중하는 것이

시각적인 형태가 아니라 글이나 어떤 식으로 되어서 내가 해석하고 분석해야하는 (시간이 많이 필요한) 작업들에 대해서는 참 책상에 앉기 까지가 너무 오래걸린다.

 

프론트엔드를 시작하겠다고 하고나서부터 오늘까지도 참 내가 괜한 도전을 했나?? 해야할 것이 많은 지금 나의 상황에서 또 무모한 시도를 시작한 것은 아닐까? 하는 겁이 나기도 했다.ㅎㅎㅎㅎ 에효

 

이렇게 여러가지 잡 생각이 많아지는 거 보니 또 빠져나갈 핑계를 대고 있는 나인가보다

 

다시 정신차리고 집중해서 듣자.

지금은 아직 자바스크립트까지 한 거도 아닌데

벌써 쫄면 어떻게 하누!!!

 

가보자고오!! 내일 출근도.. 화이팅... 프론트 엔드도 화이팅... UIUX 디자이너들 모두 아자ㅏ쟈...!

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드

 

https://bit.ly/48sS29N

패스트캠퍼스 [직장인 실무교육]