2023-09-14 사전캠프 8일차 TIL

2023-09-13 사전캠프 9일차 TIL

- 스파르타 코딩클럽 강의 수강 - 웹 퍼블리싱 정복반 내일배움캠프 9기 사전캠프

(2주차 강의 복습)

강의를 통한 학습 내용

2. 네이버 GNB 클론코딩 복습 (구조 및 css 복습)

학습내용 요약 :

- inherit 값 : 부모 태그의 속성 값을 따르겠다.

- overflow 속성 : 기본값은 visible이며, 만약 컨텐츠를 포함하는 container의 크기가 지정되지 않은 상태라면 overflow:hidden 특성을 이용하여 내부 요소의 크기에 맞추는 용도로 많이 사용한다.

- line-height 속성 : 태그 내부 text의 라인 높이이며, 자동으로 가운데 정렬된다.

- position : inline-block : inline과 block의 하이브리드 형태이다.

inline은 줄바꿈 없이 요소를 추가하지만 width와 height를 지정할 수 없다.

block은 width, height를 지정가능하지만 줄바꿈이 이루어진다.

inline-block은 각각의 장점이 합쳐졌으며, 줄바꿈없이 요소를 추가하며, width와 height를 지정가능하다.

- font-weight : 700 은 font-weight : bold와 같다

- :hover와 같은 가상 선택자를 지정할 때 after과 같은 가상 요소 선택자는 두개의 콜론을 붙혀 사용한다.

ex) ::after, ::before

- float 속성 : 부모의 흐름에서 벗어나 정렬해주는 속성이며, 사용 후 ::after를 통해 clear:both를 해주어야 다른 요소에 오버랩 되지 않는다.

해당 강의는 5주차까지 학습내용이 있지만, 캠프 커리큘럼 상 2주차 강의까지만 수강한다.

따라서 내일부터는 먼저 수강을 마친 강의를 복습할 예정이다.

- 클론코딩

저번에 진행하였던 figma 디자인을 클론 코딩에서 반응형을 추가하였다. (태블릿 버전)

css 에서 @media screen and 문법을 사용하여 진행하였으며,

gird의 재배치를 진행하였다.

- 프로그래머스 알고리즘 문제 풀이 (코딩 기초트레이닝 20문제)

파이썬에 대한 지식이 없기 때문에 Lv. 0부터 진행중에 있다.

따로 파이썬을 배우기 보다는 풀면서 익힌다는 생각을 가지고 있다.

학습내용 요약:

1. 문자열 출력 : print()

2. 대소문자 변경 : .swapcase() 메서드

3. 배열 슬라이스 : array[:]

4. f-string : f ' {표현식} 문자열 ' , 자바스크립트의 백틱과 유사