이룰수 없는 꿈을 꾸고 이길수 없는 적과 싸우며, 이룰수 없는 사랑을 하고 견딜 수 없는 고통을 견디고, 잡을수 없는 저 하늘의 별도 잡자. - 세르반테스

프론트엔드 2

[한입크기로 잘라먹는 리액트] Todo 프로젝트 - 2

안녕하세요. 프로젝트 2 진행을 했었는데요. 오류 없이 동작을 하네요. API 이용하는 부분이 없어서 로컬 배열에서 데이터를 삽입하고, 삭제하고, 필터링(검색) 하는 부분이에요. 필터링은 배열안에서 하기 때문에 본 페이지에 출력되는 todo에 대해서 만 가능합니다. 보니까 app.js 파일에서 이벤트 발생 시 처리하는 부분에 대해서 ajax 를 이용하여 DB에 데이터를 업데이트 하는 API를 호출해주는 음.. 백엔드 API 를 호출하여 처리하면 될 것 같아요. 하위 URL로 접속하시면 테스트 해 보실 수 있습니다. http://pinkdreams.kr:3030 실행하시면, 지금 소스 내 들어가 있는 목업 데이터로 출력되어 나옵니다. 위와 같이 데이터를 추가할 수 있으면, 우측 화면처럼 삭제할 수 있습니다.

[한입크기로 잘라먹는 리액트] 프로젝트 - 1

안녕하세요. 요즈음 제목에 있는 책으로 공부하고 있는데 프로젝트 1을 작업해보고 동작 잘되는 거 확인했어요. 스샷을 첨부합니다. 위 그림처럼 잘 나와요. 동작도 잘 되고요 소스에 오류 없으니 오타 없이 잘 타이핑 하시면 동작 잘 합니다. 오래전에 리액트를 공부 시도했었는데요. 2019년도 쯤 그런데 당시 책의 내용도 이해가 안가고 어렵기도했고, 당시에 라라벨로 작업하던 시기라 깊게 파고들진 못하고 덮었었는데, 이번에 괜찮은 책을 알게되어서 하나하나 알아가는 중인데 내용이 너무 좋네요. 지금 이 책 외에 보고 있는 책은 Node.js 백엔드 개발자 되기라는 책을 보고 있는데 본 책도 기초부터 탄탄이 잡아 줘서 좋은 것 같네요. 버튼을 클릭하면 계산되어 표시됩니다.