Beter 프로젝트를 진행하면서 Typescript와 NextJS을 너무 모르고하다보니 진전이 잘 안됐다. 그래서 미니 프로젝트를 만들어 먼저 스터디를 진행하고 이어서 개발하기로 했다. 미니 프로젝트는 Markdown 문서(MD 파일)를 Html로 변경하고 웹 에디터에서 수정하면 워드파일 다운로드 받을 수 있는 Converting 프로젝트이다. 회사에서 노션을 사용하는데 프로그램 설계서를 어떻게 하면 귀찮은 복붙작업없이 바로 워드 문서로 만들수 있을까 고민하다가 찾아보니 MD 파일을 업로드하면 워드 파일로 변환해주는 사이트를 찾았다. 그런데 한번에 여러 파일을 업로드하면 내용을 합쳐줄주 알았는데 아니였다. 변환을 한다고해도 복붙을 해야된다면 굳이 변환하는게 의미 없는 것 같아서 내가 만들어야겠다 싶었다...
2일차부터는 React와 Redux을 연동하는 교육을 진행했다. 아래 모듈을 필수로 포함해 환경 셋팅을 요청드렸다. 내가 정말 도움을 많이 받은 블로그도 같이 소개해드렸다. https://d2.naver.com/helloworld/1848131 redux redux-pender redux-actions 그치만 아무래도 에밀리는 처음으로 스스로 개발 언어를 스터디하는거다보니 어려움이 있었다. 나도 처음에 공부할때 내가 뭘 모르는지도 모르는 상태였는데, 아마 비슷할 것 같다. 그래서 단계별 실습으로 두려움과 복잡함을 극복하고자 아래와 같이 진행 순서를 명시해줬다. 모듈 설치 폴더 구조 만들기 redux + redux-pender 연결하기 redux-action + redux-pender 연결하기 1번까지 완..
이번에 후배가 인턴을 하게되면서 준비했던 내용을 정리해봤다. 레이첼이랑 둘이서 하다보니 이게 맞는건지 확신이 안들었는데, 이참에 다시 개념을 잡을 수 있었다. (혹시 이 시리즈를 보고 '어 이거 아닌데?' 하시는 분이 계시면 댓글로 알려주시면 감사하겠습니다ㅠㅠㅠ) 첫날에는 가볍게 React에 대해서 학습했다. CRA, Babel, Redux, Webpack 등등 느낌만 받길 원했는데, 내가 처음 React을 접했을때 엄청난 모듈들에 압사 당했을때처럼 후배도 조금 쫄게 되었다. (도망안갔으면 좋겠다고 생각한거 같다...) CRA: https://create-react-app.dev/ Babel: https://babeljs.io/ React + Redux 구조 흐름도 파악하기 둘째날부터 본격적으로 교육을 ..