# todo list
NLP 공모전 대비 연습용
https://dacon.io/competitions/official/235875/overview/descriptionhttps://dacon.io/competitions/official/236037/data
Todo-List
✔ React 연습을 위해 Todo-List를 구현하였다.✔ 드림코딩 영상을 참고하여 제작하였다.Todo 추가, 삭제, 체크 구현완료, 미완료, 전체 필터 구현다크 모드 구현✔ Todo-List 시현 영상제작 기간: 2023.04.13 ~ 2023.04.15참여 인원:
230307 JAVA_MVC_TodoList
ArrayList/Vector 활용으로 작성하였으며 추후 Vector로 통일하였기 때문에 ArrayList로 변경하면 동일 코드빈칸에 입력할 내용을 적고 입력 버튼을 클릭하면 입력한 내용이 순차적으로 추가됨삭제할 칸의 링크를 클릭하면 삭제됨수정하고자 하는 내용을 변경한
[React Native] Todo list 프로젝트(3)
개요 할 일 수정 기능 개발 및 UI 수정 AsyncStorage 사용하여 데이터 저장 프로젝트 끝으로 마무리 1.수정 기능 개발 및 UI 수정 > App.js Editable : 수정모드를 관리하기 위하여 Boolean 타입의 변수를 지정 수정모드 변환시
[React Native]Todo list 프로젝트(2)
Insert : 할 일 추가Delete : 할 일 삭제Edit : 할 일 수정complete : 할 일 완료Insert 할 일 추가App.jsnextId : todo id 값을 todo 인자에 넣는다. todos.map = todo.id 값을 찾아 새로운 배열로 만
[React Native]Todo list 프로젝트(1)
개요 -추가(Insert) : 할 일 추가 -수정(Edit) : 할 일 수정 -삭제(delete) : 할 일 삭제 -완료(complete) : 토글완료 상태 레이아웃 1.메인화면 App.js >키워드 SafeAreaView SafeAreaProvider SafeA
논문 리뷰를 위한 공간
논문리뷰가 여기저기 있으니 정신이없다 이제부터는 velog와 내 개인 drive의 논문리뷰모음에 PDF 체크한 파일을 올리도록 하겠다. 읽고 싶은 논문은 아래에 요약해서 정리해 두는 것으로 하자논문 : Deep Learning for Person Re-identific
11월 첫째주 기록
22.11.05 프로그래머스 윈터코딩 어제(11월5일) 프로그래머스 윈터 코딩 테스트를 봤다. 그간 포스팅 주기가 길었던 이유도 코테 준비가 가장 컸다. 시험은 객관적으로 못 봤다ㅋㅋㅋㅋ 그치만 프로그래밍에 처음 입문했을 당시 코딩테스트에서 0문제를 풀었던 경험에 비
[to do list] FAKE API 구축
Json server 는 아주 짧은 시간에 REST API 를 구축해주는 라이브러리로 REST API 서버의 기본적인 기능을 대부분 갖추고 있습니다. json server 는 실제 프로덕션에서는 사용되지 않으며, 주로 테스트나 프로토타입 용으로 사용을 합니다.http&
[Vanilla js] To Do List(할 일 수정기능) (이벤트 버블링)
To Do List에서 입력된 할 일을 수정버튼을 이용해 수정하는 코드 구현할 일의 수정 버튼을 누르면 prompt창이 뜸prompt 인터페이스에서 할 일을 입력받고, 확인버튼을 누르면 할 일이 수정됨이벤트 버블링은 HTML의 특성으로 생기는 현상부모를 클릭했을 때,
[Vanilla js] To Do List (할 일 추가기능)
To Do List에서 할 일을 입력하여 추가하는 코드부분 코드(1) querySelector() querySelector는 HTML을 태그를 선택한다.(제일 처음에 있는 태그를 선택함) ex document.querySelector('선택자') HTML태그를 변
[Todo-List] 5. 컴포넌트 성능 개선 (2)
앞서 컴포넌트의 성능을 개선하기 위해 했던 과정들은 [Todo-List] 4. 컴포넌트 성능 개선 (1)를 참고하면 된다. 1. onToggle, onRemove 함수 바뀌지 않게 하기 1.1 useReducer 사용하기 useState의 함수형 업데이트를 사용하는
[Todo-List] 4. 컴포넌트 성능 개선 (1)
Todo-List 프로젝트는 소규모 프로젝트라서 추가되어 있는 데이터가 매우 적기 때문에 속도나 성능 측면에서 문제가 없을 수 있다. 👉 하지만, 데이터가 무수히 많아진다면? 🤦♂️ 바로 느려지는 것을 체감할 수 있을 것이다. 이번에는 임의적으로 랙(lag)을
[Todo-List] 3. 기능 구현
앞서 생성한 컴포넌트들이 실제로 작성할 수 있도록 기능을 구현해보자. 1. App에서 todos 상태 사용하기 Todo-List 프로젝트는App 컴포넌트에서 나중에 추가할 일정 항목에 대한 모든 상태들을 관리한다. src/App.js 파일을 아래의 코드로 수정하였다.
[Todo-List] 2. 컴포넌트 생성
* 프로젝트를 시작하기 전 컴포넌트 구성은 [Todo-List] 1. 프로젝트 구성을 참고하면 된다. 1. UI 구성 ✍ 컴포넌트는 src 디렉터리에 components 디렉터리를 생성하여 저장했다. Todo-List 프로젝트는 기능을 구현하기 전 UI를 먼저 구현하
[Todo-List] 1. 프로젝트 구성
지금까지 리액트를 공부하면서 기본기 부터 스타일링 까지 살펴보았는데, 계속 이론만 공부하는 것 보다 간단한 토이 프로젝트를 해보고 싶었다. 왜냐하면, 계속 일반적인 실습 보다는 실제로 하나라도 구현 하면서 놓쳤던 기본기를 잡아보고 싶었기 때문에.❗❗ 그래서 리액트를
바닐라 자바스크립트를 이용한 Todo List 만들기 - 2
위와 같이 스타일링을 하게 되면 아래와 같이 렌더링된다.그러면 임시로 적어놓은 hey를 지우고 실제 입력한대로 나타나게 해보자.간단하다. newTodo.innerText = todoInput.value;로 수정해주면 된다.그런데 Todo List를 입력하고 나서 입력창
