개발15 개인 코드 컨벤션 정리 - CSS 목차 styled-components폴더구조컴포넌트 기반 구조로 각 컴포넌트에 대해 별도의 스타일 파일을 생성한다.src/ components/ Button/ Button.tsx Button.styles.ts Header/ Header.tsx Header.styles.ts 네이밍 컨벤션 파일명CamelCase를 사용한다.`Button.styles.ts` 변수명PascalCase를 사용하여 styled-component를 정의한다.const PrimaryButton = styled.button` /* styles */`; 스타일 정의 순서 : 스타일 속성은 다음 순서대로 작성Positioning: position, top, right, bottom, lef.. 2024. 5. 23. eslint에서 Delete `CR`이 나오는 문제해결(개인기록) VScode에서 Delete 'CR'이 나오는 문제 해결 방법VScode에 AirBnb의 esLint를 적용하던중에 Delete CR이라는 알수없는 에러가 발생했었다.그래서 우리의 친구 GPT한테 물어보니 Window와 Unix/Linux 운영 체제 간의 줄바꿈 방식 차이로 발생하는 문제라고 한다.그래서 여러 삽질을 하면서 해결하였는데 이게 종합적으로쌓이다가 해결된거라 일단 성공했을때의 세팅을 기록해두려고 한다.일단 핵심은 endOfLine을 "auto"로 두는게 핵심이지 않을까 싶다. VSCode 설정 파일('.vscode/settings.json'){ "editor.formatOnSave": true, "editor.tabSize": 2, // 탭 크기를 2로 설정 "editor.insertSp.. 2024. 5. 23. 개인 코드 컨벤션 정리 목차 정리하기에 앞서개발자는 혼자서도 개발을 할 수도있지만 다양한 사람과 협업을 해야할 가능성이 더 높습니다.이 때 아무리 뛰어난 개발자더라도 자신만의 개발로 막 개발을 한다면 나중에 협업을 할때 다른 사람의 러닝커브가 생길 수 도 있고다른 사람과의 협업이 더 힘들어져 개발속도가 늦춰질 수 도있습니다.그래서 코드 컨벤션을 정의함으로써 한사람이 개발을 한 것처럼 그리고 다른사람이 오더라도 많은 자원이 소모하지 않게 끔 하려고 합니다.그렇기에 일단 협업도 좋지만 자기 자신도 일단 규칙을 어느정도 세우는게 중요하다 싶어서 해당 포스팅글을 작성하려고합니다. 자세하진 않더라도 조금씩 규칙을 정하면서 내용을 추가할 예정입니다! 해당 컨벤션은 완벽하지 않고 주관적인 영역과 장단점을 통해 자신만의 방법을 고른 것이므.. 2024. 5. 22. Next.js 프로젝트를 bat파일로 실행하기(개인기록) 목차 왜 bat파일로 Next.js를 실행하려고 하나요?사용자는 웹이라는 형태에 익숙합니다. 하지만 웹에선 행동할수 있는 것에 제약이있습니다 어떠한 폴더에 내용을 저장하거나 자동화 브라우저를 열거나 등등 웹으로는 해당 행동들을 제어할 수가 없습니다. bat파일 구성@echo off:: 스크립트 위치를 기반으로 Node.js와 npm 경로 설정set NODE_PATH=%~dp0node\node.exeset NPM_PATH=%~dp0node\node_modules\npm\bin\npm-cli.js:: Next.js 애플리케이션 디렉토리로 이동 (현재 위치)cd %~dp0:: 필요한 패키지 설치echo Installing dependencies...%NODE_PATH% %NPM_PATH% install::.. 2024. 5. 15. window에서 특정 포트 사용중인 프로세스 찾고 종료하기 목차 개요프론트엔드 개발을 하던도중 특정한 포트가 살아있어 동일한 포트의 서버가 실행이 되지 않는 이슈가 있었다.그래서 Window환경에서 개발을 하고있기에 Window상에서 해당 포트를 점유하는 프로세스를 찾아서 제거하려고한다. 1. 특정 포트를 사용중인 프로세스 찾기netstat -ano | findstr :7000위 코드 예시는 7000이란 포트를 예시로 둔 코드이다. 다른 포트로 바꾸려면 해당 7000을 다른 포트로 바꿔주자 TCP 0.0.0.0:7000 0.0.0.0:0 LISTENING 12345 TCP [::]:7000 [::]:0 LISTENING 12345.. 2024. 5. 14. 이전 1 2 다음
