# todoList

35개의 포스트
post-thumbnail

TIL | Redux 적용하기

😎 저 세가지 준비물로 만들기 아주 좋고 만만한 투두 리스트, 제에에가 한번 만들어 보겠습니다.우선 제일 먼저 store를 생성해주는게 좋지않을까? 네이버 클라우드에 사진을 저장하려면 네이버 클라우드 계정이 있어야지;계정 생성 완료초기 상태라고 함은 기존의 클래스형

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

TodoList with Redux

프론트엔드 개발자라면 누구라도 하나씩은 만들어봤을 todoList javascript를 처음 배울 때 부터 react, react-native는 진행중이고 이번에 redux를 공부하면서 세번째로 만들어 보는 todoList다. 뭘 공부할 때 마다 새로 만드냐? 하나

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

Toy Project 03 Todolist 만들기

발자국을 남기며 내려가는 곰돌이 리스트 🐻

2021년 3월 31일
·
0개의 댓글

React Redux TodoList -2

TodoApp 두 번째 시간추가적으로 작업한 내용!첫 번째 - 완료한 리스트에 체크 표시하기.두 번째 - 완료하지 못한 리스트 갯수 표기하기.세 번째 - emotion을 사용한 css 작업그럼 done값을 사용하여 몇개의 일이 남았는지 표기해보자.이제 체크박스를 활용한

2021년 3월 17일
·
0개의 댓글

React Redux TodoList -1

이번에는 react, redux를 사용한 TodoApp을 만들었다.CRUD의 연습을 위한 작업이었다.C : Create (생성)R : Read (읽기)U : Update (수정)D : Delete (삭제)전문적인 느낌은 아니지만, 기능을 어떻게 구현했는지 하나하나 기록

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

Todo List with Django (Dennis Ivy)

Todo List with Dennis Ivy - setting up, model form, url, strikethrough

2021년 3월 5일
·
0개의 댓글

CS_SW_ToDoList #2

기능 생각해보기 날짜,시간이 자동기록된 오늘할일을 추가할수있어야한다. 오늘이 지나면 자동으로 오늘 목록을 비우고 지난목록은 따로 보관된다. footer에서 작성하고 main에서 목록을 보여준다. 날짜가 지난 목록은 header로 올려주자. local stor

2021년 2월 20일
·
0개의 댓글

CS_SW_TodoList #1

scss를 써보고싶어서 사용법에 대해서 조사를좀 해보았다.npm install -g node-sasserr가 많ㅇ ㅣ나온다면 (Mac)sudo npm install --unsafe-perm -g node-sass설치이후에scss 파일 생성그리고 html에 css로 확장

2021년 2월 19일
·
0개의 댓글
post-thumbnail

검색기능 구현하기

폴더 구조를 보는 이유는 input에서 onChange될때의 상태가 todoList컴포넌트에도 영향을 미쳐야 하기 때문이다.input의 값을 받을 state를 container태그에서 생성하여 input컴포넌트와 list컴포넌트로 뿌려주었다.이제 onChange할때마다

2021년 2월 18일
·
2개의 댓글
post-thumbnail

Toy Project 001 ToDoList

목표: Clone하며 code의 basic logic을 이해하기!

2021년 2월 8일
·
0개의 댓글
post-thumbnail

TypeScript React + Recoil을 이용한 TodoList 만들어보기 📘

안녕하세요! 오늘은 최근에 출시된 React의 상태관리 라이브러리, Recoil을 이용한 TodoList를 만들어 볼것입니다.

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

todoList 클릭 토글

리스트의 아이템 more버튼을 클릭하면 새로운 기능 박스가 나오는 상황이다. 다른 아이템을 누르면 기존 box가 사라지고 한번 더 누르면 toggle되는 기능을 react로 구현해보았다.list => item => box 순으로 컴포넌트를 분리해서 만들어보았다.클릭한

2021년 2월 4일
·
0개의 댓글
post-thumbnail

React와 Redux/Toolkit을 이용한 TodoList

기존에 진행했던 투두리스트를 리액트와 스타일 컴포넌트를 공부 한 후에 다시 만들어 보았다. 상태관리를 해주는 리덕스를 경험 해보고자하여 리덕스 또한 적용 하였으며, 리덕스 툴킷을 최대한 이용하고자 노력 하였다.reset css와 아웃풋을 잡아주는 css는 style폴더

2021년 1월 15일
·
0개의 댓글
post-thumbnail

todoList 선택항목 불러오기

기존에 하던 투두리스트를 리액트로 해보기전에 선택항목을 불러오는 투두리스트를 짜보았다.인풋값이 onChange할때마다 inputText로 들어가게 하였으며, 새로운 todos변수에 data형식 array를 만들어서 text안에 인풋값이 다시 들어가게 하였다.리액트에서

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

import/export 이슈

바닐라자바스크립트 코드로 만든 todoList를 웹팩으로 번들링하는 과정에서 이슈가 하나 생겼다. 코드를 고치지 않았지만 리스트를 삭제하는 과정에서 삭제가 되지 않았다.TODOS는 리스트의 데이터 오브젝트이다. 모두 정상적인 import/export문법을 사용하여 불러

2020년 12월 26일
·
0개의 댓글
post-thumbnail

todo리스트 웹팩

웹팩은 유지보수에 없어서는 안되는 모듈시스템을 적용할 수 있고, 파일의 용량을 대폭 압축시켜주기때문에 굉장히 유용한 시스템이다.일단 나의 투두리스트 파일은 src폴더안에 파일별로 세분화 해놓았다. 웹팩을 적용하기 위해서도 물론 파일들의 위치를 확실하게 알아야하지만 무엇

2020년 12월 22일
·
0개의 댓글
post-thumbnail

todoList 항목 추가하기

데이터의 array이름은 TODOS이다.TODOS의 오브젝트는 {id,month,date,year,contents}로 구성되어있고, 새로 newTodo{}를 만들어서 데이터에 push하도록 하였다.newTodo의 id는 findIndex를 사용하여 마지막 index번호

2020년 12월 19일
·
0개의 댓글
post-thumbnail

TODO 리스트 카테고리 클릭으로 리스트 불러오기

상단 카테고리를 클릭하면 클릭에 맞는 CSS로 클릭한 곳을 알수 있으며, 카테고리 내용에 맞는 날짜별 투두리스트를 불러오는 내용이다. 카테고리는 4가지가 있지만 Week는 아직 미완성이다.모두 자바스크립트를 사용하여 만들었다.카테고리 클릭시 먼저 css를 삭제하여야

2020년 12월 18일
·
0개의 댓글
post-thumbnail

todoList 버블링

todoList를 javascript로 프로젝트를 진행하던 중 리스트를 추가했을시 이벤트가 먹히지 않는 상황에서 시간을 많이 허비하였다. 이벤트 위임시 버블링이생겨 추가되는 요소의 이벤트도 가져올수 있다는 개념이 떠올라서 시도해 보았다.가장 부모엘리먼트인 todo-li

2020년 12월 10일
·
0개의 댓글