프론트엔드💛

[A.C] 1, 2일차 - react 앱 생성

dalin❤️ 2022. 11. 9. 22:24

오랜만에 개인 프로젝트를 만들어보고 싶어졌다! 사실 항상 하고 싶기는 했지만 시간과 힘이 없었다ㅠ 지금도 많지는 않지만, 계속 미루면 절대 못할 것 같아서 시작해보려고 한다~

요즘 크리스마스 어드벤트 캘린더에 관심이 많다. 12월 1일~24일까지 하루 하루 크리스마스를 기다리면서 간식을 하나씩 꺼내먹는 것이다. 너무 몽글몽글하고 좋다 ㅠㅠ 

사이트로도 비슷한 느낌을 낼 수 있을 거라는 생각이 들어서 만들고 싶어졌다. 크리스마스 분위기의 예쁜 디자인..! 백엔드는 지금은 없으니 더미 데이터로라도 초콜릿스러운 것을 넣어두고, 예쁜 상자 안에서 하루 하루를 클릭하면 상자가 열리고 뭔가 나온다든지..!! 

아직 구체적인 생각은 없지만..ㅎㅎ 블로그에라도 써두면 열심히 하지 않을까...ㅎㅎ 

 

어제 한 일 : 일단 github에 레포지토리를 만들었다.

https://github.com/tjdls111/advent-calendar

 

GitHub - tjdls111/advent-calendar: Advent calendar

Advent calendar. Contribute to tjdls111/advent-calendar development by creating an account on GitHub.

github.com

오늘 한 일: 리액트 앱을 만들었고, 파일 구조를 세팅했다. 불필요한 파일을 삭제했다.

리액트 앱 생성은 https://ko.reactjs.org/docs/create-a-new-react-app.html#create-react-app

 

회사에서 일을 할 때는 잘 구조화된 프로젝트, (내가 혼자 짠 것보다는) 잘  짜여진 코드를 본다. 그러다보니 개인 프로젝트를 만드는 것이 조금 걱정됐다. 나는 그만큼 멋진 코드를 짜지 못할까봐ㅠㅠ 전에는 클린 아키텍쳐... 리팩토링 기법... 이런 걸 아예 몰랐는데, 이제 머리로는 조금이나마 알고 있는데 나는 그런 코드를 짜지 못하니까...ㅠㅠ 

파일 구조 잡는 것도 고민이 많이 됐는데, 리액트 문서를 보고 위로 받는 느낌이었다 :)

'너무 깊게 생각하지 마세요 이제 막 프로젝트를 시작하는 단계라면 파일 구조를 선택하는 것에 있어서 5분 이상 시간을 투자하지 마세요. 앞서 살펴본 접근법 중에 아무거나 선택하고(혹은 자신만의 방법을 찾아내세요) 코드를 우선 작성해보세요.'  - 출처 :https://ko.reactjs.org/docs/create-a-new-react-app.html#create-react-app 

728x90