어쨌든 공부
1.📁 AWS 정적 웹페이지 배포하기 - S3, CloudFront
로그인 후 S3 페이지로 이동버킷 이름 설정=> 버킷 이름 지정 규칙이 있으므로 참고하기AWS 리전 설정버킷의 퍼블릭 엑세스 차단 설정=> 모든 피드백 엑세스 차단에 체크 해제=> 버킷 만들기생성된 버킷 이름 클릭권한 탭 클릭=> 버킷 정책 편집버킷 정책=> 정책 예제
2.📁 "Contact Me" 메세지 보내기 기능 - Google Apps Mail, 정적 HTML Form
백엔드가 필요 없다.커스터마이징이 가능하다.Google mail을 통해 이메일을 전송한다.데이터를 쉽게 볼 수 있는 스프레드 시트에 수집/저장한다.Sample Spreadsheet :https://docs.google.com/spreadsheets/d/1Bn4
3.📁 Infinite Scrolling vs Pagination
사용자가 페이지를 아래로 스크롤 할 때 더 많은 컨텐츠가 하단에 지속적으로 나타나는 웹 디자인 기법 무한 스크롤은 사용자의 흐름을 유지하고하고 웹 페이지의 컨텐츠로 끌어들여 사용자 참여가 증가할 수 있다.이로 인해 사용자가 웹 사이트에 머무르는 시간이 증가하여 boun
4.📁 API, OpenAPI
함수, API, OpenAPI
5.📁 Non-null assertion operator | TypeScript
Non-null assertion operator
6.📁 Next.js 프로젝트에 TypeScript 적용하기
Next.js 프로젝트에 TypeSscrip를 적용하기
7.📁 CORS(Cross-Origin Resource Shaging)
다른 출처의 리소스가 필요하다면?
8.📁 useSWRInfinite | SWR
SWR은 pagination과 infinite loading과 같은 common UI pattern을 지원하는 API인 `useSWRInfinite`를 제공
9.이메일로 인증번호 받기 구현 | Nodemailer(with Gmail)
Nodemailer with Gmail
10.Postman에서 cookie 설정하기 | Postman
엇! Postman에서 로그인 필요?!
11.strict mode | 모던 자바스크립트 Deep Dive
잠재적인 오류를 발생시키기 어려운 개발 환경을 만들기 위해 ES5부터 strict mode(엄격모드)가 추가
12.🌐 브라우저는 어떻게 동작하는가?
예전에는 브라우저 동작 과정 아무리 읽어도 어려웠는데 이제는 조금씩 이해가 된다!
13.🌐 크로스 브라우징(Cross Browsing/Cross Browser Testing)
가능한 모든 브라우저에서 작동하도록 작업하는 것으로 웹 호환성을 높이는 것을 의미
14.🌏 html { font-size: 62.5%; } 를 적용하자!
html { font-size: 62.5%; } 를 적용해야하는 이유
15.🌐 Compile with Transpile, Build and Runtime
헷갈리는 용어들
16.Promise-returning function provided to attribute where a void return was expected. | ESLint
no-misused-promises
17.`string` 형식의 인수는 `...` 형식의 매개 변수에 할당될 수 없습니다. | TypeScript
`string` 형식의 인수는... 할당될 수 없습니다!
18.contentEditable | React-hook-form
contentEditable with React-hook-form
19.ESLint 에러부터 Node.js 버전 변경 에러까지 | Errors
ESLint 에러부터 Node.js 버전 변경 에러까지 에러 파티 오예-
20.textarea 초기 높이값 설정하기 | React-hook-form
textarea 초기 높이값 설정하기 | React-hook-form
21.`react/jsx-curly-brace-presence` | ESLint
문자열 값인 props에 쌍따옴표 이용하기
22.파일명 대소문자 변경하기 | Git
git config core.ignoreCase 옵션
23.미디어 쿼리를 이용한 크로스 브라우징 | CSS
미디어 쿼리를 이용한 크로스 브라우징 | CSS
24.Query data cannot be undefined | React-Query
query data cannot be undefined. please make sure to return a value other than undefined from your query function. | React-Query
25.zsh: command not found: yarn | Errors
zsh: command not found: yarn
26.Netlify CLI 로 배포하기
Netlify CLI 로 배포하기
27.Module system with CommonJs, AMD | JavaScript
JavaScript Module system
28.자바스크립트에 타입스크립트 적용하기
우테코 프리코스의 과제 중 자바스크립트 숫자 야구 게임에 타입스크립트 적용하기
29.Module system with ESM | JavaScript
JavaScript Module system
30.구성 파일에서 입력을 찾을 수 없습니다. ts | TypeScript
자바스크립트 프로젝트에 타입스크립트를 적용하면서 발생한 에러에 대해 설명합니다.
31.`Array.length = 0` vs `Array = []` | JavaScript
`Array.length = 0` vs `Array = []` | JavaScript
32.Mermaid를 이용한 시퀀스 다이어그램
Mermaid를 이용한 시퀀스 다이어그램 작성하기
33.config.headers is possibly undefined | Axios Error
'config.headers'은(는) 'undefined'일 수 있습니다.ts(18048)
34.Timeout | Axios
Timeout | Axios
35.Timeout | Network
Timeout | Network
36.Conditional Types | TypeScript
Conditional Types | TypeScript
37.Component definition is missing display nameeslintreact/display-name | ESLint
Component definition is missing display nameeslintreact/display-name | ESLint
38.MUI v4에서 v5로 버전 업그레이드 하기
MUI v4에서 v5로 버전 업그레이드 하기
39.'DetailedHTMLProps<ButtonHTMLAttributes, HTMLButtonElement>' 형식에 'css' 속성이 없습니다. | Emotion with TypeScript
'DetailedHTMLProps<ButtonHTMLAttributes, HTMLButtonElement>' 형식에 'css' 속성이 없습니다. | Emotion with TypeScript
40.-webkit-tap-highlight-color | Web
-webkit-tap-highlight-color | Web
41.Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser. | TypeScript/ESLint
Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser. | TypeScript/ESLint