[TIL] 내배캠4기 React 16일차

뭔가 알고리즘이라는 트랩아닌 트랩에 빠진 것 같다는 생각이 들던 찰나,
전 팀원과 얘기를 나누다 본인은 웹퍼블리싱 강의를 시작했고, 이게 하루 스케줄 중 80이라면 나머지 20에 알고리즘을 한다는 이야기를 들었다.
솔깃..이라 하기엔 좀 그렇지만 어쨋든 오늘 나에게 상당히 도움이 된 조언이었다! 나에게 부족한건 알고리즘이나 프론트엔드 html,css나 마찬가지이니 당장 코앞으로 다가온 1차 프로젝트에도 대비하는 것에 중점을 맞추기로 했다. (알고리즘 안한단 말아님.. 비중 조정^^)

오늘 한 것

• 깃헙 1주차 완강 ~ 2주차 1강
• 웹퍼블리싱 1주차 완강
• 알고리즘 그래프 파트 복습

---

확실히 웹개발종합반에서부터 미니프로젝트까지 거쳐서 그런지 html, css, 자바스크립트가 익숙해졌다.

퍼블리싱

• 마크업 : HTML을 통해 기본 뼈대를 만듦
• 스타일링 : CSS를 통해 마크업에 디자인적인 속성을 입혀 스타일을 지정
• 부가 기능 : Javascript로 특정 요소에 기능 줌

Figma

• 피그마; 프로토타이핑 툴
  : 기획, 와이어프레임, 디자인, 프로토타이핑까지 하나의 툴로 수행 가능

CSS 트랜지션

• CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법

• 기본 형식
  transition : property duration timingfunction delay;

transition-property : 적용시킬 속성 (color, background-color 등)
transition-duration : 애니메이션 효과 실행 시간. ms, s 단위로 설정
transition-timingfunction : 애니메이션이 적용되는 속도를 지정
(linear, ease(기본값), ease-in, ease-out. ease-in-out)
transition-delay: time| initial | inherit
transition이 시작하는 시간을 연기할 수 있음

transition: all 0.3s ease-in-out;

📌보통 css의 hover나 class를 부여하는 방식으로 transition을 적용한다

---

자책금지.. 머리싸매고 커피만 흡입하는거 금지..