미농의 하루 미농의 하루

기존의 코드는 이쪽: https://minjh1126.tistory.com/41 1. React 기본 설정 & State 이해하기 어느덧 4학년의 첫 학기 개강을 했습니다. 그러다 보니 이제 슬슬 졸업 준비를 해야 하는데, 저희 학교 같은 경우에는 캡스톤이 졸업 필수라 팀에 참여했습니다. 근데 다들 저보다 너무 잘해서... minjh1126.tistory.com ( 기존 코드는 노마드 코더의 react 강의를 참고했습니다.) 캡스톤 준비 때문에 한창 바쁜 와중입니다. 순수 React만 써봤는데, 그 때는 작은 프로젝트이다 보니 괜찮았지만 캡스톤 같이 큰 프로젝트에서는 상태 관리가 어려울 거라고 친구가 알려주더라고요. 그래서 이 라이브러리를 사용하기로 했습니다. 친구는 이미 많은 사용해본 것 같지만 저는 ..

이번에는 리액트를 사용해 TodoList를 만들었습니다. 확실히 전에 Javascript로 만들었던 때와 코드 라인 수 자체가 적고 간편하게 만들 수 있더라고요. 이래서 다들 리액트 리액트 하시나 봐요. 이번 기회에 조금 확실히 알게 되었습니다. useEffect를 사용한 줄 알고 포스팅을 해야겠다! 하고 적기 시작했는데 안 썼네요... 머쓱. 그래도 옛날에 CRUD 게시판을 만들 때 map() 함수 때문에 아주 개고생을 했던 경험이 있기 때문에, 이를 한 번 적어보도록 하겠습니다. 1. map? 코딩이나 프로그래밍을 해보셨다면 많이 들어보거나 써보셨을 기능이죠. 특히 코딩테스트 준비로 백준이나 등등 문제 풀이에서는 절대 빠질 수 없는 개념입니다. 우선 그동안의 map의 개념이 무엇인지 보자면 값을 저장..

어느덧 4학년의 첫 학기 개강을 했습니다. 그러다 보니 이제 슬슬 졸업 준비를 해야 하는데, 저희 학교 같은 경우에는 캡스톤이 졸업 필수라 팀에 참여했습니다. 근데 다들 저보다 너무 잘해서... 다급하게나마 공부를 해보려 합니다. 스크럼 경험 같은 부분은 이론 밖에 모르는지라 진행 방식 같은 쪽만 열심히 보고, 실질적으로 중요한 실력을 좀 쌓아보려고 해요. 이번에 프론트엔드로 참여하게 되어서 React를 최대한 빠르고 정확하게 공부해 보겠습니다. 1. 기본 설정 우선 vscode에서 파일을 하나 생성해 줍니다. 파일 속의 파일 형태로 작업하고 싶지 않다면 그냥 진행해 주셔도 됩니다. 터미널을 켜서 npx create-react-app 파일이름(새로운 파일) 을 적어 React의 기본 형태를 깔아줍니다. ..