# todo list

30개의 포스트

NLP 공모전 대비 연습용

https://dacon.io/competitions/official/235875/overview/descriptionhttps://dacon.io/competitions/official/236037/data

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

Todo-List

✔ React 연습을 위해 Todo-List를 구현하였다.✔ 드림코딩 영상을 참고하여 제작하였다.Todo 추가, 삭제, 체크 구현완료, 미완료, 전체 필터 구현다크 모드 구현✔ Todo-List 시현 영상제작 기간: 2023.04.13 ~ 2023.04.15참여 인원:

2023년 4월 15일
·
0개의 댓글
·
post-thumbnail

230307 JAVA_MVC_TodoList

ArrayList/Vector 활용으로 작성하였으며 추후 Vector로 통일하였기 때문에 ArrayList로 변경하면 동일 코드빈칸에 입력할 내용을 적고 입력 버튼을 클릭하면 입력한 내용이 순차적으로 추가됨삭제할 칸의 링크를 클릭하면 삭제됨수정하고자 하는 내용을 변경한

2023년 3월 7일
·
0개의 댓글
·

[React Native] Todo list 프로젝트(3)

개요 할 일 수정 기능 개발 및 UI 수정 AsyncStorage 사용하여 데이터 저장 프로젝트 끝으로 마무리 1.수정 기능 개발 및 UI 수정 > App.js Editable : 수정모드를 관리하기 위하여 Boolean 타입의 변수를 지정 수정모드 변환시

2023년 2월 14일
·
0개의 댓글
·

[React Native]Todo list 프로젝트(2)

Insert : 할 일 추가Delete : 할 일 삭제Edit : 할 일 수정complete : 할 일 완료Insert 할 일 추가App.jsnextId : todo id 값을 todo 인자에 넣는다. todos.map = todo.id 값을 찾아 새로운 배열로 만

2023년 1월 31일
·
0개의 댓글
·

[React Native]Todo list 프로젝트(1)

개요 -추가(Insert) : 할 일 추가 -수정(Edit) : 할 일 수정 -삭제(delete) : 할 일 삭제 -완료(complete) : 토글완료 상태 레이아웃 1.메인화면 App.js >키워드 SafeAreaView SafeAreaProvider SafeA

2023년 1월 30일
·
0개의 댓글
·

논문 리뷰를 위한 공간

논문리뷰가 여기저기 있으니 정신이없다 이제부터는 velog와 내 개인 drive의 논문리뷰모음에 PDF 체크한 파일을 올리도록 하겠다. 읽고 싶은 논문은 아래에 요약해서 정리해 두는 것으로 하자논문 : Deep Learning for Person Re-identific

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

11월 첫째주 기록

22.11.05 프로그래머스 윈터코딩 어제(11월5일) 프로그래머스 윈터 코딩 테스트를 봤다. 그간 포스팅 주기가 길었던 이유도 코테 준비가 가장 컸다. 시험은 객관적으로 못 봤다ㅋㅋㅋㅋ 그치만 프로그래밍에 처음 입문했을 당시 코딩테스트에서 0문제를 풀었던 경험에 비

2022년 11월 6일
·
0개의 댓글
·
post-thumbnail

[to do list] FAKE API 구축

Json server 는 아주 짧은 시간에 REST API 를 구축해주는 라이브러리로 REST API 서버의 기본적인 기능을 대부분 갖추고 있습니다. json server 는 실제 프로덕션에서는 사용되지 않으며, 주로 테스트나 프로토타입 용으로 사용을 합니다.http&

2022년 2월 25일
·
0개의 댓글
·

[Vanilla js] To Do List(할 일 수정기능) (이벤트 버블링)

To Do List에서 입력된 할 일을 수정버튼을 이용해 수정하는 코드 구현할 일의 수정 버튼을 누르면 prompt창이 뜸prompt 인터페이스에서 할 일을 입력받고, 확인버튼을 누르면 할 일이 수정됨이벤트 버블링은 HTML의 특성으로 생기는 현상부모를 클릭했을 때,

2021년 12월 11일
·
0개의 댓글
·

[Vanilla js] To Do List (할 일 추가기능)

To Do List에서 할 일을 입력하여 추가하는 코드부분 코드(1) querySelector() querySelector는 HTML을 태그를 선택한다.(제일 처음에 있는 태그를 선택함) ex document.querySelector('선택자') HTML태그를 변

2021년 12월 11일
·
0개의 댓글
·
post-thumbnail

[Todo-List] 5. 컴포넌트 성능 개선 (2)

앞서 컴포넌트의 성능을 개선하기 위해 했던 과정들은 [Todo-List] 4. 컴포넌트 성능 개선 (1)를 참고하면 된다. 1. onToggle, onRemove 함수 바뀌지 않게 하기 1.1 useReducer 사용하기 useState의 함수형 업데이트를 사용하는

2021년 10월 7일
·
0개의 댓글
·
post-thumbnail

[Todo-List] 4. 컴포넌트 성능 개선 (1)

Todo-List 프로젝트는 소규모 프로젝트라서 추가되어 있는 데이터가 매우 적기 때문에 속도나 성능 측면에서 문제가 없을 수 있다. 👉 하지만, 데이터가 무수히 많아진다면? 🤦‍♂️ 바로 느려지는 것을 체감할 수 있을 것이다. 이번에는 임의적으로 랙(lag)을

2021년 10월 6일
·
0개의 댓글
·
post-thumbnail

[Todo-List] 3. 기능 구현

앞서 생성한 컴포넌트들이 실제로 작성할 수 있도록 기능을 구현해보자. 1. App에서 todos 상태 사용하기 Todo-List 프로젝트는App 컴포넌트에서 나중에 추가할 일정 항목에 대한 모든 상태들을 관리한다. src/App.js 파일을 아래의 코드로 수정하였다.

2021년 10월 5일
·
0개의 댓글
·
post-thumbnail

[Todo-List] 2. 컴포넌트 생성

* 프로젝트를 시작하기 전 컴포넌트 구성은 [Todo-List] 1. 프로젝트 구성을 참고하면 된다. 1. UI 구성 ✍ 컴포넌트는 src 디렉터리에 components 디렉터리를 생성하여 저장했다. Todo-List 프로젝트는 기능을 구현하기 전 UI를 먼저 구현하

2021년 10월 3일
·
0개의 댓글
·
post-thumbnail

[Todo-List] 1. 프로젝트 구성

지금까지 리액트를 공부하면서 기본기 부터 스타일링 까지 살펴보았는데, 계속 이론만 공부하는 것 보다 간단한 토이 프로젝트를 해보고 싶었다. 왜냐하면, 계속 일반적인 실습 보다는 실제로 하나라도 구현 하면서 놓쳤던 기본기를 잡아보고 싶었기 때문에.❗❗ 그래서 리액트를

2021년 10월 3일
·
0개의 댓글
·
post-thumbnail

바닐라 자바스크립트를 이용한 Todo List 만들기 - 2

위와 같이 스타일링을 하게 되면 아래와 같이 렌더링된다.그러면 임시로 적어놓은 hey를 지우고 실제 입력한대로 나타나게 해보자.간단하다. newTodo.innerText = todoInput.value;로 수정해주면 된다.그런데 Todo List를 입력하고 나서 입력창

2021년 6월 16일
·
0개의 댓글
·
post-thumbnail

바닐라 자바스크립트를 이용한 Todo List 만들기 - 1

바닐라 자바스크립트를 이용한 Todo List 첫번째

2021년 6월 16일
·
0개의 댓글
·