반응형 분류 전체보기253 [WIL] 2022년 2월 3주 Week 3 02.14(월) : 넥스트랑 리덕스 드디어 연결시켰다. 새로하는 넥스트만 하는것도 너무 어려운데 타입까지 적용해서 리덕스까지 적용하려니까 너무 힘들었다 하하하 02.15(화) : 예전부터 앱에 대한 꿈이 있었는데 공부할 때 조금이라도 더 해놔야 겠단 생각으로 리액트 네이티브랑 flutter중에서 엄청 고민을 했다. 상대적으로 그래도 써봤던 리액트를 이용한 네이티브가 훨씬 쉽지 않을까 싶어서 계속 고민을 했고 또 새로운 언어 dart때문에 flutter에 대한 진입장벽이 없지 않을 것 같아서 계속 망설이고만 있었는데 flutter를 찾아보다가 단점보다 장점이 더 매력적이라서 flutter를 우선 알아두어야 겠다고 생각을 했다. 그렇지만 설정하는데만 2시간이 걸릴줄 몰랐다. 또한 vscode보다.. 2022. 2. 15. [Framer] css애니메이션을 더 쉽고 아름답게 만들어주는 framer-motion 우선 애니메이션을 보다 쉽고 아름답게 만들어주는 framer를 사용하려면 우선 모듈부터 다운받아주어야 한다. yarn add framer-motion 예전에 만들어서 내 TIL에도 올렸던 회원가입과 로그인도 framer를 사용한 것이다. 페이지를 옆으로 넘어가게 하는 효과 같은 것과 버튼 모두다 framer를 이용하였다. https://www.framer.com/docs/introduction/ Introduction | Framer for Developers Get started with Motion and learn by exploring interactive examples. www.framer.com 2022. 2. 10. 내가 자주쓰는 사진과 폰트사이트 정리 폰트사이트 https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 사진 & 일러스트 https://pixabay.com/ https://www.pinterest.co.kr/ Pinterest 요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요. www.pinterest.co.kr 2022. 2. 10. [css] input focus시 강조되는 선 없애기 input:focus { outline: none; } 2022. 2. 10. Next.js + TypeScript 사용하기 ! 처음 실행은 npx나 yarn을 사용해서 TypeScript를 이용한 프로젝트를 설정해 줄 수 있다. npx create-next-app@latest --ts # or yarn create next-app --typescript https://nextjs.org/docs/basic-features/typescript Basic Features: TypeScript | Next.js Next.js supports TypeScript by default and has built-in types for pages and the API. You can get started with TypeScript in Next.js here. nextjs.org 2022. 2. 10. 빅오 표기법(Big O Notation) 코드의 성능 비교에 도움이 됨. 코드를 디버그할 때 코드를 느리게 만드는 것을 이해하는 데 도움을 준다. 비효율적인 코드를 찾을 때 도움이 된다. ✔ 코드 시간 재기 function addUpTo(n) { let total = 0; for (let i = 1; i 2022. 2. 9. 이전 1 ··· 8 9 10 11 12 13 14 ··· 43 다음
