튜이의 블로그 튜이의 블로그

## 기본적인 설치 방법요구사항 확인Visual Studio Code 설치하기Flutter 설치하기설치 후 환경변수 설정하기[optional]## 1.  요구사항 확인요구사항최소추천CPU 코어4개8개메모리 사이즈8GB16GB해상도(픽셀)1366x7681920x1080필요 용량44GB70GBmacOS10.15 Catalina  ** 맥이 Apple Silicon을 사용하는 모델이라면, Rosetta 2를 설치해야한다. 설치하기 위해, 터미널에서 아래 명령어 입력sudo softwareupdate --install-rosetta --agree-to-license ## 2. Visual Studio Code 설치Visual Studio Code 홈페이지로 이동 후 우상단 다운로드 버튼 클릭, 그리고 다운로드 ..

텍스트 관련 애니메이션 정리글자단위 페이드 인 글자단위 페이드-[왼쪽에서 오른쪽] Focus 코드보기 See the Pen 글자단위 페이드 - [왼쪽에서 오른쪽] by eso0117 (@eso0117) on CodePen. 글자단위 페이드-[오른쪽에서 왼쪽] Focus 코드..

화살표 함수기존의 함수 표현을 대체할 간결한 표현이지만, 모든 경우에 사용할 수 없고 제한적이다. ## 차이점 & 한계this, super에 대한 바인딩이 없다.new, new.target 키워드가 없다.일반적으로 스코프를 지정할때 쓰는 call, apply, bind 함수 등에 적합하지 않다.생성자로 이용될 수 없다.함수 내에 yield를 쓸 수 없다.## 기존 방식과 화살표 함수 비교// 기존 이름없는 함수function (a) { return a + 100;}// 화살표 함수로 변경시// 1. 'function'을 제거하고 arrow를 인자와 중괄호 사이에 넣기(a) => { return a + 100;}// 2. 중괄호와 'return'을 제거하기 -- return은 함축되어 있다.(a) => ..

cmd + k: 터미널 클리어cmd + ,: 설정cmd + shift + x: Extensionscmd + shift + p: Command palletecmd + d: 단어 선택과 Editcmd + shift + l: 파일 내 모든 단어 선택과 Edit

5월 6일, 무슨바람이 불어서인지 위 글 하나 남기고 블로그를 시작했습니다.원래 영어 책을 읽고 공부하는 블로그를 하려했는데.. 저작권이 생각보다 복잡하고 만만치 않아서급히 주제를 변경하고 결정하느라 초반에 힘들었습니다.5월 한 달은 그래서인지 초반엔 컨텐츠가 중구난방이네요.- 블로그 연동에 대한 글들- 내 돈주고 산 물건 관련 글- 부동산 관련 글그러다가 그냥 개발 공부 관련 글을 쓰기로 했습니다.괜히 크게 관심이 없는 분야로 주저리주저리 써봐야 금방 컨텐츠도 고갈 될거고개발은 끊임없이 컨텐츠가 있을분야고, 또 스스로 끊임없이 공부해야 살아남을 수 있는 업종이니나쁘지 않은 선택인거 같습니다.(그럼 영어공부는 언제하지..?)# 1달 블로그 유입량다른 블로그의 한 달 후기 관련 글을 보니누적 방문수 500..

들어가기 전에이 글은 Next.js - Chapter 17 : Next Steps 강의를 번역한 글입니다.다음 과정 그리고 번역자의 말축하합니다! Next.js의 주요 기능과 좋은 방법들을 배울 수 있었던 Next.js의 대시보드 코스를 끝마쳤습니다.하지만 이건 겨우 시작입니다. 작은 사이드 프로젝트를 만드는 것부터, 스타트업 아이디어의 구현, 그리고 팀과 함께 만들 커다란 규모의 어플리케이션까지 Next.js는 이러한 구현을 위한 수많은 기능을 가지고 있습니다.여기 Next.js에 대해 더 알아볼 문서들이 있습니다.Next.js 문서Next.js 탬플릿어드민 대시보드 탬플릿Next.js 커머스블로그 스타터 도구Nextra: 문서 생성 도구이미지 갤러리 스타터Next.js 깃 저장소Vercel 유튜브Ne..

들어가기 전에이 글은 Next.js - Chapter 16 : Adding Metadata 강의를 번역한 글입니다.메타데이터 추가하기메타데이터는 SEO와 공유에 있어서 중요한 역할을 합니다. 이번 챕터에서, Next.js에서 메타데이터를 추가하는 방법에 관해 이야기해 볼 겁니다.이번 챕터에서...여기 우리가 다룰 주제들이 있습니다.메타데이터는 무엇인지메타데이터 타입들메타데이터를 통해 Open Graph 이미지를 추가하는 방법메타데이터로 파비콘 이미지를 추가하는 방법메타데이터는 무엇인가요?웹 개발에서, 메타데이터는 웹페이지에 대해 추가적인 상세정보를 제공합니다. 메타데이터는 페이지를 방문하는 유저에게 보이지 않습니다. 대신 화면 뒤에서 페이지의 HTML내에 내장되어(보통 요소) 작동합니다. 이 숨겨진 정보..

들어가기 전에이 글은 Next.js - Chapter 15 : Adding Authentication 강의를 번역한 글입니다.인증 추가하기이전 챕터에서, 폼(form) 유효성 검사를 추가하고, 접근성 향상을 하여 invoices 라우트를 완성했습니다. 이번 챕터에서는 대시보드에 인증을 추가할 것입니다.이번 챕터에서...여기 우리가 다룰 주제들이 있습니다.인증(authentication)이란 무엇인지NextAuth.js를 통해 인증을 추가하는 방법우리의 라우트를 보호하고, 유저를 리다이렉트 하기 위해 미들웨어를 사용하는 방법폼(form) 에러와 pending 상태를 처리하기 위한 React의 useFormStatus와 useFormState를 사용하는 방법인증(authentication)이란 무엇인가요?인..