# 폴더구조

20개의 포스트

폴더 구조

폴더 구조를 어떻게 해야 가장 직관적일까? 항상 고민이다. 폴더 구조에 대해 처음 접한 게 아토믹 디자인 패턴을 이전 프로젝트에서 도입했을때라 atom, modules, templates 이런식으로 잡게 된다. 그런데 작업을 하면서 딱히 효용을 느끼지 못했다.. 섹션마

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

공식의 pages 중심에서 도메인 별로 폴더 구조 개편기 🗂

공식의 page 중심에서 domain 중심으로 폴더 구조를 개편한 이유와 결과

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

React | 리액트 프로젝트 폴더구조

하지만 나는 팀 프로젝트를 진행하면서 이러한 장점을 제대로 활용하지 못한 것 같다. 폴더구조가 지저분하여 나중에 용도를 잊게되고 컴포넌트를 재사용하지 않고 다시만드는 경우가 발생하였다. 이러한 문제점들을 개선하고자 이 글을 쓰게되었고 이를 통해 매뉴얼을 확립하여 리액트

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

Container/presentation 구조 / Props

이 날은 실무용 폴더 구조 중에 하나인 container/presenter 패턴을 배웠다.이렇게 폴더를 나누는 이유는 지금은 코드가 짧지만 나중에 실무에 투입되면 코드만 몇백줄이 될 수 있기 때문에 나중에 유지보수를 더 편하게 하기 위해 꼭 적용해야할 패턴이라고 하셨다

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

실무용 폴더구조(container/presentation)

/boards - > 게시글 목록/boards/new → 게시글 등록 ( 신규등록 )/boards/boardId → 게시글 상세/boards/boardId/edit → 게시글 수정 ( 있는걸 수정)=> 코드를 기능과 UI로 나누는 방법을 의미한다. container/p

2022년 8월 24일
·
0개의 댓글
·

[TIL]20220819

Next.js 공식문서를 보고 공부했다. (CREATE YOUR FIRST APP, typescript)Pre-rendering and Data FetchingDynamic RoutesAPI RoutesDeploying Your Next.js App프리온보딩 복습(1주

2022년 8월 19일
·
0개의 댓글
·
post-thumbnail

React 폴더 구조

프로젝트를 진행하면서 폴더 구조를 정해야 해서 리액트 폴더구조에 대해 공부해 보았다. 가장 많이 사용 하는 폴더 구조들은 이런 형식이라고 한다. 우선 public 디렉토리 에는 index.html, data(mock data 관리)가 담겨있다 그리고 src 폴더

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

[Fultter] 기본 구성(폴더 구조 & 기본코드)

프로젝트의 메타데이터 프로젝트 버전, 사용환경, dart 버전, 각종 dependencies, 3rd party libarary 등을 정의각 플랫폼에 맞게 배포하기 위한 정보를 가지고 있음 dart 관련 코드를 테스트할 수 있음 실제 작업이 주로 이루어지는 곳 코딩에

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

2022.07.11_2주차_day01

실무적인 폴더구조 (Container/Presenter)컴포넌트분리 및 데이터 전달 (Props)목록 형태의 데이터를 보여주자 (Map/Filter)안전한 코드를 작성하자 (Typescript)규칙을 정해서 협업하자 (Eslint/Prettier/Husky)단순히 유지

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

Nest.js, 폴더구조?? 어떤건데??

너의 삶을 편하게 해줄거야~ 커몬~

2022년 3월 30일
·
0개의 댓글
·

container - presenter 구조

프로젝트를 만들 때 폴더 구조는 매우 중요하다.실무에서는 패턴이라 불리는 여러 방법들이 존재한다.그 중 리액트에서 사용하는 유명한 패턴으로는contianer / presentational 패턴과 atomic패턴이 있다.container, presentational 패턴

2022년 3월 25일
·
0개의 댓글
·
post-thumbnail

폴더구조(Container/Presenter)

실무적인 폴더구조(Container/Presenter)컴포넌트분리 및 데이터전달(Props)목록 형태의 데이터를 보여주자(Map/Filter)안전한코드를 작성하자(Typescript)규칙을 정해서 협업하자(Eslint/Prettier/Husky)undefined / n

2022년 3월 21일
·
0개의 댓글
·

Redux폴더구조 및 Redux Ducks Pattern

리덕스 폴더구조스토어(폴더) modules(폴더) todo.js (액션타입,액션생성함수,리듀서) user.js (액션타입,액션생성함수,리듀서) index.js (combineReducers (모듈폴더에 있는 리듀서들을 모아주는 파일)최상위 index.js 파일에서c

2022년 3월 7일
·
0개의 댓글
·

#0. 프로젝트 디렉토리 구조

Express 백엔드 프로젝트 디렉토리 구조

2022년 2월 21일
·
0개의 댓글
·
post-thumbnail

React : React 폴더 구조

☃️ React : 폴더 구조

2022년 2월 3일
·
0개의 댓글
·

Day 06.

폴더구조 / container-presenter / props / Emotion

2022년 1월 17일
·
0개의 댓글
·

리액트 아키텍처 패턴 (React Architecture Patterns)

React로 작업을 하다보면 어떤 폴더구조로 작업을 하는게 효율적인지 의문을 가질때가 있다.hook을 사용하는 사람이 있을것이고 Redux를 사용하는 사람도 있을것이다.본인이 React를 사용함에 있어 어떤 방식으로 폴더구조를 구성하든지처음에 폴더구조를 잘 구성해 놓아

2022년 1월 12일
·
0개의 댓글
·
post-thumbnail

NUXT 기초 강좌 : 디렉토리 구조 파헤치기

Nuxt.js의 디폴트 폴더구조는 크고 작은 여러 웹프로젝트 작업에 알맞게 짜여져 있다. 물론 필요하다면 커스터마이제이션 하는 것도 자유롭게 가능 하다. 지난 포스팅에서 작성한 프로젝트를 예로 ls커맨드로 어떤 폴더와 파일들이 있는지 살펴보자.

2021년 8월 19일
·
0개의 댓글
·
post-thumbnail

나만의 React 프로젝트 설계하기😎

최근에 프로젝트 설계에 대해 매우 좋은 평가를 받아서 내가 사용하고 있는 프로젝트 구조를 공개해보면 더 많은 성공을 거두지 않을까 싶어 글을 적는다. 개인적으로 부족한 점이 많다고 생각되는데 한 번 칭찬을 들으니까 욕심이 생겨서 더 많은 평가를 통해 부족한 점을 채워보

2020년 1월 24일
·
0개의 댓글
·