리액트 (5) 썸네일형 리스트형 [react] todo list 2 자바스크립트 공부를 좀 더 한 뒤, 투두리스트를 새로 만들어보았다. 처음부터 막히던 처음때완 달리, 이젠 투두리스트 한정! 코드를 작성해내는 내가 자랑스럽다 ㅎㅎ https://github.com/hiduckk/Todolist2 GitHub - hiduckk/Todolist2 Contribute to hiduckk/Todolist2 development by creating an account on GitHub. github.com 하지만 아직 해결 못한 부분이 있다... 처음 할일목록을 map을 구현할 때, list의 key값을 index로 구현했더니 삭제,수정은 잘 구현되더라. 하지만, check하고 그후에 할일을 또 추가할때 체크한 값이 남아있었다. 그러니까 0,1,2 가 있고 내가 1을 체크한 후.. [리액트] TodoList 1번째 1번째 to-do list(codepen 이용) HTML 삽입 미리보기할 수 없는 소스 [리액트] 계산기 리액트 공부하고 처음 만들어본 계산기! 자바스크립트 공부할 때도 안만들었었는데 리액트로 구현하려니 정말 어려웟다... 열심히 공부하자 문제점1. '='을 누르면 연산이 완료되고 결과값이보이는데, 이후에 연산버튼을 누른 후 재연산하면 문제없으나 숫자키를 누르게 되면 그숫자가 더해지게 된다. -> 연산 후, 숫자키를 누르면 결과값에 + 가 아닌 그숫자가 뒤에 바로 붙여 나오게 구현하기! backspace도 마찬가지다.. 문제점2. 헉! 이제보니 .소숫점을 구현안햇네 문제점3. '='기호를 개별로 크기조정을 했는데, flex를 써서 해보려고 했으나 실패... 추후에 재도전! [react] npm ERR! -4058 npm start를 하니 자꾸 npm err가 떴다 ㅜㅜ 구글링 해본결과! package.json이 있는 폴더에서 npm start를 해줘야 한다는 것! 나는 package.json이 있는 폴더의 상위폴더에서 npm start를 해주고 있었다! 폴더를 cd '폴더명' 으로 옮겨간 후, npm start 다시하니 잘된다 ^~^ [react] 리액트에서 Font Awesome 아이콘 사용하기 https://react-icons.github.io/react-icons/icons?name=fa React Icons react-icons.github.io 위 사이트에 들어가서 왼쪽에 Font Awesome 확인하고 1. 우선 리액트아이콘 라이브러리를 설치한다 npm install react-icons 넣어준다 5. 웹페이지에서 확인 이전 1 다음
