javascript
NextJS, Atomic Design Pattern의 조합에서 프로젝트 구조에 대한 단상
안녕하세요, 오랜만에 짤막한 글을 가지고 돌아왔습니다. 최근 회사에서 혼자 맡아 진행 중인 프로젝트 중 생각난 내용입니다. 관리자 백오피스 형태에서 중복되지 않고 일회성으로 사용되는 컴포넌트에 대하여 프로젝트를 어떤 구조로 구성하여야 좋을지에 대해 고민하고 있었습니다. Atomic Design Pattern를 사용한 이번 프로젝트의 큰 구조는 아래와 같습니다. pages/ ├─ index.tsx/ ├─ _app.tsx ├─ _document.tsx src/ ├─ components/ │ ├─ atoms/ │ ├─ molecules/ │ ├─ organisms/ │ ├─ template/ 일단 크게 pages와 src/components 디렉토리를 확인할 수 있습니다.(스캐폴딩 된 NextJS 프로젝트에서..
[2021.03.28 수정] React + Typescript 기반의 Electron 윈도우 어플리케이션 만들기
안녕하세요! 최근까지도 포스트를 많이 봐주셔서 내용 중에 사용된 모듈 중 deprecated 된 내용이 있어 변경이 되었습니다. mainWindowUrl 에서 사용되던 url.format() 대신 url.pathToFileURL()을 대신 사용하라고 공식 문서에서 권장되고 있어 변경하기로 하였습니다. 참고: nodejs.org/api/url.html#url_url_pathtofileurl_path 1. React + Typescript 기반 프로젝트 생성 2. Electron 개발 모듈 설치 3. package.json 작성 4. electron.ts 작성 5. electron.ts 컴파일 6. 어플리케이션 실행 7. 데스크탑 어플리케이션으로 빌드 1. React + Typescript 기반 프로젝트 생..