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

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

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

실무용 폴더구조(container/presentation)
/boards - > 게시글 목록/boards/new → 게시글 등록 ( 신규등록 )/boards/boardId → 게시글 상세/boards/boardId/edit → 게시글 수정 ( 있는걸 수정)=> 코드를 기능과 UI로 나누는 방법을 의미한다. container/p
[TIL]20220819
Next.js 공식문서를 보고 공부했다. (CREATE YOUR FIRST APP, typescript)Pre-rendering and Data FetchingDynamic RoutesAPI RoutesDeploying Your Next.js App프리온보딩 복습(1주

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

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

2022.07.11_2주차_day01
실무적인 폴더구조 (Container/Presenter)컴포넌트분리 및 데이터 전달 (Props)목록 형태의 데이터를 보여주자 (Map/Filter)안전한 코드를 작성하자 (Typescript)규칙을 정해서 협업하자 (Eslint/Prettier/Husky)단순히 유지
container - presenter 구조
프로젝트를 만들 때 폴더 구조는 매우 중요하다.실무에서는 패턴이라 불리는 여러 방법들이 존재한다.그 중 리액트에서 사용하는 유명한 패턴으로는contianer / presentational 패턴과 atomic패턴이 있다.container, presentational 패턴
폴더구조(Container/Presenter)
실무적인 폴더구조(Container/Presenter)컴포넌트분리 및 데이터전달(Props)목록 형태의 데이터를 보여주자(Map/Filter)안전한코드를 작성하자(Typescript)규칙을 정해서 협업하자(Eslint/Prettier/Husky)undefined / n
Redux폴더구조 및 Redux Ducks Pattern
리덕스 폴더구조스토어(폴더) modules(폴더) todo.js (액션타입,액션생성함수,리듀서) user.js (액션타입,액션생성함수,리듀서) index.js (combineReducers (모듈폴더에 있는 리듀서들을 모아주는 파일)최상위 index.js 파일에서c
리액트 아키텍처 패턴 (React Architecture Patterns)
React로 작업을 하다보면 어떤 폴더구조로 작업을 하는게 효율적인지 의문을 가질때가 있다.hook을 사용하는 사람이 있을것이고 Redux를 사용하는 사람도 있을것이다.본인이 React를 사용함에 있어 어떤 방식으로 폴더구조를 구성하든지처음에 폴더구조를 잘 구성해 놓아

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

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