240430 TIL

오늘은 개인과제 CSS랑 자바스크립트 수정해서 마무리하려고 계획하였으나 실패하였다.. 

자바스크립트 공부 많이 했다고 생각했는데 아직은 좀 더 많이 쳐보고 연습해야겠다고 생각한다 

한대로 마무리해서 재제출했다. 개인 과제하면서 느끼는 건데 내 능력의 한계치가 왔음.. 

코드 리뷰하면서 이걸 내가 설명할 수 있을까?에 대한 의문이 든다. 

 

낮에는 자바스크립트 강의 들으며 데이터 흐름에 관해 이해하는 시간이었다. 

3주 차 다 듣고 나서 한번 더 들을 계획이다.

 

저녁엔 git branch 심화 특강을 들었는데 저번 특강보다 더욱더 어려워진 느낌? git branch switch -c

하고 브렌치 하나 만들어주고 깃허브에서 브렌치 바꿔주는 방법까지. 직접 보여주시면서 아 이렇게 하는 거구나

알게 되었다. main은 배포용 dev는 테스트용으로 만들어줘야 하는 것도 알았다. main에 바로 하면 오류나 

충돌이 일어날 수 있으니 dev 브렌치에서 테스트하고 문제가 없다 하면 main으로 합쳐줘야 된다는 것을. 

기능 만들고 > dev 브렌치에 넣어 테스트 > 문제없을 시 main으로 합치기 

 

내일부터 팀 프로젝트 할 때 잊어버릴 수도 있으니 정리해 두었다 

 

css공부하면서 알게 된 용어 정리하며 TIL 마치기 

 

요소가 가로일 때 
flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.
flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.
center: 요소들을 컨테이너의 가운데로 정렬합니다.
space-between: 요소들 사이에 동일한 간격을 둡니다.
space-around: 요소들 주위에 동일한 간격을 둡니다.

요소가 세로일 때
flex-start: 요소들을 컨테이너의 꼭대기로 정렬합니다.
flex-end: 요소들을 컨테이너의 바닥으로 정렬합니다.
center: 요소들을 컨테이너의 세로선 상의 가운데로 정렬합니다.
baseline: 요소들을 컨테이너의 시작 위치에 정렬합니다.
stretch: 요소들을 컨테이너에 맞도록 늘립니다.

flex-direction
row: 요소들을 텍스트의 방향과 동일하게 정렬합니다.
row-reverse: 요소들을 텍스트의 반대 방향으로 정렬합니다.
column: 요소들을 위에서 아래로 정렬합니다.
column-reverse: 요소들을 아래에서 위로 정렬합니다.
flex-wrap nowrap: 모든 요소들을 한 줄에 정렬합니다.
wrap: 요소들을 여러 줄에 걸쳐 정렬합니다.
wrap-reverse: 요소들을 여러 줄에 걸쳐 반대로 정렬합니다.