시작하는 중

* 피그마 Dev Mode로 css 가져오고 타이포그래피도 동일하게 했는데 미세하게 다를 경우 참고하시면 좋을 것 같아요 1. 폰트 두께, 선명도, 너비 등과 관련된 문제피그마는 기본적으로 디자인 협업 도구입니다. 그렇기 때문에 피그마에 접속하는 모든 사람들은 동일한 화면을 봐야해요. 하지만 시스템이나 브라우저마다 텍스트를 처리하는 방식이 다르기 때문에, 자체 텍스트 렌더링을 사용합니다.이로 인해서, 브라우저에서 구현된 모습을 피그마와 비교해보면 미세한 차이가 납니다.-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smooth: never; 을 넣어주면 돼요. 참조 - https://forum.figma.com/t/f..

리트코드 자바스크립트 30일 챌린지 23.9.23 ~ 23.10.2 (완료) 취업 준비해야하는 시간에 이런거 해서 ㅋㅋ 큰일났다. 재밌는걸 어떻게해 공부한 내용 클로저, 고차함수, 함수 합성, 메모이제이션, 프로토타입, promise, setTimeout, this, class, generators, 지연 평가 구현한 내용 map, reduce, filter, curry, JSON.stringfiy, chunk, fatten 등 후기 JS에 대해서 너무 몰랐었다고 생각한다. 그리고 정말 재밌었다. 조금 억지스러운 callPloyfill 같은 문제도 있긴 했는데, 결국 이 문제 조차도 editorial에서 많이 배울 점이 있었다. 그리고 class와 프로토타입에 대한 이해가 좀 더 굳건해졌다. class는..

SPA Router 요구사항 및 조건 요구사항 - SPA Router 기능을 만들기 사용 기술 - React, History API 목표 주소 라우팅 - /: 메인 도메인으로 접속시 root 페이지 - /about: 해당 path로 접속시 about 페이지 버튼 클릭과 뒤로가기에 대한 구현 - 버튼 클릭시 해당 페이지로 이동해야함 - 뒤로가기 버튼 입력시 이전 페이지로 이동해야함 Router, Route 컴포넌트로 구현해야 하며, 다음과 같은 구조를 가져야함 ReactDOM.createRoot(container).render( ); useRouter Hook을 작성해야함 const { push } = useRouter(); 고려할 점 Router를 통한 페이지 이동시 새로고침이 되지 않아야한다. Hist..

이전에 yarn dev를 입력하면 어떤 일이 일어나는가를 확인했던 경험이 있다. https://mystacks.tistory.com/109