todoList Todolist(3) - 삭제 기능 : 1. 원하는 item onClick하면 title, content 내용이 나옴 2. 수정 기능 3. 삭제 기능 4. 추가 기능 삭제 기능 > 삭제 기능은 버튼을 클릭을 하게 되면 해당 item이 제거 되는 형식이다. 삭제할 때 사용되는 removelist 함수를 만들어 주었고 handeclike 함수랑 비슷한 방식이다. 위에서 만든 rmovelist함수를 버튼이 click 할 때 발... ReactJavaScripttodoListJavaScript Todolist(2) - 수정 기능 : 1. 원하는 item onClick하면 title, content 내용이 나옴 2. 수정 기능 3. 삭제 기능 4. 추가 기능 수정기능> 수정기능은 onChange를 통해서 title과 content를 변경할 수 있도록 만들었다. 여기에서 [id-1]를 한 이유는 배열은 0부터 시작이 되므로 id-1로 지정을 하였다. 그리고 이렇게 작성한 handleChange는 내가 만들어 놓은 ... ReactJavaScripttodoListJavaScript [React] Todolist 클론코딩 ➀ 기능 구현 velopert님의 UI만을 보고 구현 📌 기본 동작 원리 무지성으로 컴포넌트 두개... 📌 오늘 날짜 들고 오기 📌 CRUD 기능 추가 CREATE, DELETE 만 있어서 두 개만 구현함. CREATE Enter -> 입력 -> input 창 초기화(오류) Delete 📌 남은 할 일 보여주기 📌 마주친 오류들 TypeError : items.map is not a function. 오브... ReacttodoListReact Toy ProjectReact [JavaScript] todoList_1, 배열퀴즈 🎈 requirements 크롬에 about:blank 라고 입력 마우스 오른쪽 - 검사 - console 다시 새로고침 하고 콘솔에 똑같이 todos라고 치니까 안나옴 vscode에서 todoList.html에 script안에 똑같이 쳐주고 이걸 크롬에서 열면 잘 나옴 >> 데이터가 저장됐단 뜻이구나. >> [X] 1. have a place to store todos (완료!) conso... JavaScripttodoListStartJavaScript todo리스트 웹팩 웹팩을 적용하기 위해서도 물론 파일들의 위치를 확실하게 알아야하지만 무엇보다 모듈화 하기위하여 위치를 세분화 하고 정확히 알고 있을 필요가 있다. terminal창에 npm init -y이라고 치면 package.json파일이 자동 생성된다. 이 파일은 앞으로 설치하게 될 webpack과 같은 시스템들을 설치하고 사용하는것을 컨트롤 할 수 있는 파일이라고 할 수 있다. 다시 termonal창... webpacktodoListtodoList Todolist(4) - 추가기능, 마무리 기능 : 1. 원하는 item onClick하면 title, content 내용이 나옴 2. 수정 기능 3. 삭제 기능 4. 추가 기능 추가 기능 > 추가 기능은 추가하기 버튼을 누르면 제목 입력, 내용 입력 칸이 뜬다. 여기에 사용되는 것은 수정하기 기능과 삭제하기 기능에서 사용했던 onChange, onClick이 모두 사용된다. 추가하기를 눌렀을 때 열릴 수 있도록 open 관련된 함수... ReactJavaScripttodoListJavaScript
Todolist(3) - 삭제 기능 : 1. 원하는 item onClick하면 title, content 내용이 나옴 2. 수정 기능 3. 삭제 기능 4. 추가 기능 삭제 기능 > 삭제 기능은 버튼을 클릭을 하게 되면 해당 item이 제거 되는 형식이다. 삭제할 때 사용되는 removelist 함수를 만들어 주었고 handeclike 함수랑 비슷한 방식이다. 위에서 만든 rmovelist함수를 버튼이 click 할 때 발... ReactJavaScripttodoListJavaScript Todolist(2) - 수정 기능 : 1. 원하는 item onClick하면 title, content 내용이 나옴 2. 수정 기능 3. 삭제 기능 4. 추가 기능 수정기능> 수정기능은 onChange를 통해서 title과 content를 변경할 수 있도록 만들었다. 여기에서 [id-1]를 한 이유는 배열은 0부터 시작이 되므로 id-1로 지정을 하였다. 그리고 이렇게 작성한 handleChange는 내가 만들어 놓은 ... ReactJavaScripttodoListJavaScript [React] Todolist 클론코딩 ➀ 기능 구현 velopert님의 UI만을 보고 구현 📌 기본 동작 원리 무지성으로 컴포넌트 두개... 📌 오늘 날짜 들고 오기 📌 CRUD 기능 추가 CREATE, DELETE 만 있어서 두 개만 구현함. CREATE Enter -> 입력 -> input 창 초기화(오류) Delete 📌 남은 할 일 보여주기 📌 마주친 오류들 TypeError : items.map is not a function. 오브... ReacttodoListReact Toy ProjectReact [JavaScript] todoList_1, 배열퀴즈 🎈 requirements 크롬에 about:blank 라고 입력 마우스 오른쪽 - 검사 - console 다시 새로고침 하고 콘솔에 똑같이 todos라고 치니까 안나옴 vscode에서 todoList.html에 script안에 똑같이 쳐주고 이걸 크롬에서 열면 잘 나옴 >> 데이터가 저장됐단 뜻이구나. >> [X] 1. have a place to store todos (완료!) conso... JavaScripttodoListStartJavaScript todo리스트 웹팩 웹팩을 적용하기 위해서도 물론 파일들의 위치를 확실하게 알아야하지만 무엇보다 모듈화 하기위하여 위치를 세분화 하고 정확히 알고 있을 필요가 있다. terminal창에 npm init -y이라고 치면 package.json파일이 자동 생성된다. 이 파일은 앞으로 설치하게 될 webpack과 같은 시스템들을 설치하고 사용하는것을 컨트롤 할 수 있는 파일이라고 할 수 있다. 다시 termonal창... webpacktodoListtodoList Todolist(4) - 추가기능, 마무리 기능 : 1. 원하는 item onClick하면 title, content 내용이 나옴 2. 수정 기능 3. 삭제 기능 4. 추가 기능 추가 기능 > 추가 기능은 추가하기 버튼을 누르면 제목 입력, 내용 입력 칸이 뜬다. 여기에 사용되는 것은 수정하기 기능과 삭제하기 기능에서 사용했던 onChange, onClick이 모두 사용된다. 추가하기를 눌렀을 때 열릴 수 있도록 open 관련된 함수... ReactJavaScripttodoListJavaScript