본문 바로가기

전체 글204

CodeSoom React Week12 TIL(코드숨 리액트 12주차 회고) Today I Learned 간단한 문답에 따른 오늘의 메뉴를 추천하는 서비스를 만들었습니다. 개인 프로젝트 주소 : codesoom.github.io/project-react-3-HongJungKim-dev/ Momojji codesoom.github.io 1. Facts - 개인프로젝트에서 질문에 대한 답에 따라 음식을 추천해주는 질문페이지, 결과 페이지등의 css처리를 하였습니다. - 개인프로젝트에 데이터와 이미지를 넣어서 1차적으로 음식을 추천해주는 것을 1차로 완성하여 배포했습니다. - 프로그래머스 월간 코드 챌린지에 참여했습니다. 2. Feelings - 배포를 하면서 시간을 많이 빼앗겼지만 그 원인을 명확히 알아서 다행이었습니다. npm run build시에 dist폴더에 index.html.. 2021. 4. 19.
CodeSoom React Week11 TIL(코드숨 리액트 11주차 회고) Today I Learned 1. Facts - aws EC2 인스턴스를 생성하여 서버를 구축하였습니다. - aws 서버와 vs code를 연결하였습니다. - 개인프로젝트에서 식사 메뉴를 위한 테스트에 답하여 결과를 도출하는것을 구현했습니다. - 개인프로젝트의 기획, 디자인파트와 회의하였습니다. 2. Feelings - 회의중에 기획파트에서 원하는 기술이 가능하면서 블로글 까지 보내줘서 고마웠습니다. sns게시글을 웹페이지에 embed하는것이 가능하냐는 것이었는데 그 내용을 모르더라도 한번 찾고 보내준 것이 고마웠습니다. - 페이지를 꾸미면서 css를 계속 찾아보면서 기본적인 html, css, javascript가 중요함을 한번 더 느꼈습니다. 3. Findings - useHistory hook을 이.. 2021. 4. 11.
CodeSoom React Week10 TIL(코드숨 리액트 10주차 회고) Today I Learned 1. Facts - The nature of software development 책스터디 세션을 들었습니다. - 개인프로젝트에서 github pages 배포를 시도했습니다. - 개인프로젝트에서 홈, 질문, 결과 페이지를 만들고 라우트하는것을 구현했습니다. - 개인프로젝트에서 기획, 디자인파트와 회의를 진행하여 컨셉을 기존의 여행테스트에서 식사 메뉴를 테스트하여 결과를 보여주는것으로 변경하였습니다. - 졸업프로젝트를 위한 서버 공부로 로컬에서 node js로 서버를 세팅하고 get, post, put, delete 메소드를 작성했습니다. 2. Feelings - 개인프로젝트의 기획, 디자인과 매주 회의하면서 같이 어떤 서비스를 만들지 구체화 되는것 같고 개발적인 측면에서 이미.. 2021. 4. 4.
2021-03-28 CodeSoom React Week9 TIL(코드숨 리액트 9주차 회고) Today I Learned 1. Facts - 졸업작품 제안서를 발표했습니다. - IT동아리에서 앞으로 진행할 프로젝트의 아이디어를 냈습니다. - 개인프로젝트에서 create-react-app을 사용하지 않고 react 환경설정을 하였습니다. - github pages 배포를 공부했습니다. 2. Feelings - 졸업작품, 팀프로젝트, 과제, 동아리, 코드숨 개인프로젝트를 하면서 허우적대는 느낌입니다. 시간이 부족하고 쉽지가 않습니다. - IT동아리에서 기획, 디자인 파트와 협업하다보니 기술적인 문제를 어떻게 얘기할지 고민이 많았습니다. 더군다나 개발파트의 팀장이라 더 그랬습니다. 그래서 아이디어를 제시할때는 아이디어가 제한되지 않도록 일단 다 들었습니다. 아이디어가 다 제시된 이후에는 "이런것은 기.. 2021. 3. 28.
[webpack] The 'mode' option hans not been set WARNING해결 WARNING in configuration The 'mode' option hans not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment. 이러한 warning이 뜨면 webpack.config.js에서 development mode를 추가하시면 해당 waring은 사라집니다. webpack 4버전으로 업데이트 하면서 모드를 production과 development중에 선택해야하는데 이를 안해주어서 waring이 발생했습니다. production으로 해도 해결되던데 deve.. 2021. 3. 25.
[webpack] Cannot find module 'webpack-cli/bin/cofing-yargs' Error해결 webpack issue1 2021. 3. 24.