최종 프로젝트를 진행하면서 code convention을 정리했는데 다른 프로젝트에서도 사용하기 좋아서 정리해보았다 컴포넌트 파일은 파스칼 케이스로 작성 e.g) ComponentsTest.tsx 페이지명은 indexPage.ts (끝에 Page명 표기) 일반 .ts 파일은 케밥 케이스로 작성 (ex. common.ts, date-helper.ts) app 폴더 하위 페이지 파일 이름은 케밥 케이스로 작성 컴포넌트 & 분리 rafce 스니펫 사용 const Component () => { return } export default Component;파일 이름 폴더 트리 project-root/ |📂 src/ | |📂 assets | |📂 app | | |📄 layout.tsx | | |📄 not-foun..
.eslintrc.json 파일을 만들어서 루트 디렉토리 안에 넣어 추가 해주면 된다. 예시는 아래와 같다. { "env": { // 전역 객체를 eslint가 인식하게 해줍니다. "browser": true, // 브라우저의 전역 객체를 사용하겠다는 의미입니다. "es2021": true, "node": true }, "extends": [ "eslint:recommended", // eslint에서 권장하는 규칙들을 사용하겠다는 의미입니다. "plugin:@typescript-eslint/recommended", "plugin:react/recommended", "plugin:react-hooks/recommended", "next/core-web-vitals" // next.js에서 권장하는 규칙들..
.tsconfig.json 파일을 만들어서 루트 디렉토리 안에 넣어 추가 해주면 된다. 예시는 아래와 같다. { "compilerOptions": { "target": "ES6", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "noEmit": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "bundler", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "plugins": [ { "..
.prettierrc 파일을 만들어서 루트 디렉토리 안에 넣어 추가 해주면 된다. 예시는 아래와 같다. { "arrowParens": "avoid", "bracketSpacing": false, "endOfLine": "auto", "htmlWhitespaceSensitivity": "css", "jsxBracketSameLine": false, "jsxSingleQuote": false, "printWidth": 120, "semi": true, "singleQuote": true, "tabWidth": 2, "trailingComma": "all", "useTabs": false }
메타 태그란? 메타 태그(Meta Tag)는 HTML 문서의 태그 내에 포함되는 태그로, 웹페이지의 정보를 설명하고 브라우저와 검색 엔진에게 추가적인 정보를 제공하는 역할을 합니다. 메타 태그는 웹페이지의 제목, 설명, 키워드, 문자 인코딩 등을 설정할 수 있으며, 이러한 정보는 검색 결과에 표시되거나 소셜 미디어에서 공유될 때 미리보기로 제공됩니다. 자주 사용되는 메타 태그에는 다음과 같은 것들이 있습니다: : 웹페이지의 문자 인코딩을 설정합니다. UTF-8은 대부분의 문자를 표현할 수 있는 인코딩 방식입니다. : 모바일 장치에서의 뷰포트 설정을 지정합니다. 이를 통해 웹페이지가 모바일 기기에서 올바르게 표시될 수 있도록 도와줍니다. : 웹페이지의 간단한 설명을 설정합니다. 이 설명은 검색 결과에 페이..
내가 보기 위한 리눅스 필수 명령어 정리 pwd - print working directory의 약자입니다. - 현재 내가 작업하는 폴더를 보여달라는 뜻입니다. ls - list의 약자입니다. - 현재 위치의 모든 파일 및 폴더 리스트를 보여줍니다. ls -a - -는 앞의 명령어(ex. ls)의 추가 기능을 사용하고 싶을 때 붙입니다. - a는 all 의 약자입니다. - 숨겨진 폴더도 보여줍니다. mkdir - make directory의 약자입니다. - 현재 경로에서 폴더를 생성하는 명령어입니다. touch - 현재 경로에서 파일을 생성하는 명령어입니다. - 원래는 파일의 생성과 파일의 날짜, 시간을 변경하는 명령어라고 합니다. cd - change directory의 약자입니다. - 터미널에서 폴더..
![]()
SSL의 단점들을 보안한 최신 버전이 TLS라고 볼 수 있다 공개키 - 나에게 데이터 줄 사람에게 공유키 느낌. 남한테 줄 수는 있지만, 안전하게 줄 수 있는키라고 보면 된다. 개인키 - 나만의 키 ( 남에게 정보를 노출시키면 안됨 ) 둘 다 소수이용해서 발급을 받는다(암호화). 공개키와 개인키는 한 쌍이다. 공개키로 암호화 하면 그 키의 쌍인 개인키로만 올바르게 복화화한다. 개인키로 암호화된 것은 공개키로 확인이 가능하다. 기본 개념인 쓰리웨이핸드쉐이킹에 대해서 그림으로 설명해보겠다.
