html, css 과제 회고

transparent

background-color: "transparent"

해당 영역의 배경색을 없애서(투명색으로 지정해서) 뒷 레이어의 색을 보이게 한다.

지난주 과제 : react, typescript, css를 활용한 카카오페이지 클론

kakaopage 클론
https://page.kakao.com/

레퍼런스

나의 클론

새로 알게 된 부분

1. margin: 0 auto
   margin: 0px 0px과 같은 표현식
   auto는 자식 요소를 가운데에 배치하고 남은 영역을 margin으로 채워 준다는 것을 뜻한다.

2. object-fit : cover
   사용 의도 : 제한된 영역에 맞춰 그 보다 큰 이미지를 잘라 넣되 이미지 크기는 유지
   cover : 크기가 줄어들음. 대체제 확인 요망
   contain : 크기가 원본으로 나와버려서 의도에서 많이 벗어남

3. html, css를 쓰다 보니
   kakaopage 클론시에 컴포넌트를 안쓰고 javascript로 개발할려고 들었다. 컴포넌트로 바꿔서 클로닝 마무리 하자.

ts 문법 교육

궁금증 1

function a1(b: string, c: undefined = undefined) {
  console.log(b, c);
}

function a2(b: string, c?: string) {
  console.log(b, c);
}

a1("a");
a2("a");

c: undefined = undefined가 c?: string이랑 어떻게 다른지 실험해보기

결과

a undefined
a undefined

a1의 반환 결과는 c의 키가 존재하는 와중 할당된 undefined의 반환이고, a2의 반환 결과는 c가 없는 상태에서 강제로 console을 찍어서 없는 것을 출력하다보니 undefined가 나왔다.

——————————————————————————
본 후기는 [한글과컴퓨터x한국생산성본부x스나이퍼팩토리] 한컴 AI 아카데미 2기 (B-log) 리뷰로 작성 되었습니다.

#한컴AI아카데미2기 #AI개발자 #AI개발자교육 #한글과컴퓨터 #한국생산성본부 #스나이퍼팩토리 #부트캠프 #AI전문가양성 #개발자교육 #개발자취업