- 전체보기(17)
- React(7)
- todoList(4)
- JavaScript(4)
- todolist만들기(3)
- react투두리스트(2)
- 리액트투두리스트(2)
- library(2)
- 배열(2)
- variable(1)
- proto(1)
- promise(1)
- 순수함수(1)
- 자료구조(1)
- OOP(1)
- 객체지향프로그래밍(1)
- 스코프(1)
- 리스트(1)
- 전통적인상속(1)
- 호이스팅(1)
- 데이터추가(1)
- 특성(1)
- 데이터삭제(1)
- project(1)
- callback(1)
- 프론트엔드(1)
- 프로토타입(1)
- 트리(1)
- 배열다루기(1)
- Prototype(1)
- await(1)
- 함수형프로그래밍(1)
- ajax(1)
- reactbootstrap(1)
- async(1)
- 비동기(1)
- 투두리스트만들기(1)
- Flexbox(1)
- 자바스크립트의상속(1)
- 프로토타입체인(1)
- Date()함수(1)
- 비동기처리(1)
- const(1)
- let(1)
- var(1)
- 간단한투두리스트(1)
- SideEffect(1)
- bootstrap(1)
- 날짜구현(1)
- CSS(1)
- react데이터추가하기(1)
- JS상속(1)
- 비순차적(1)
- 스택(1)
- inputvalue가져오기(1)
- 객체지향(1)
- 상속(1)
- 변수(1)
- div틀잡기(1)
- 그래프(1)
- inputBox(1)
- 메소드(1)
- 큐(1)
- ES6(1)
- 접근자프로퍼티(1)
- reacttodolist(1)
- 투두리스트(1)
7.To Do List App Component
\-id값과 state에 todolist를 설정해준다.\-handleCreate 함수로 data매개변수를 받아 state에 todolist id값을 추가해주고 data에 다시 담아 concat으로 새로운 배열을 반환해준다.\-handleRemove 함수로 id매개변수를
5.To Do List Info Component
state에 문자열로 title이라는 상태를 만든다.함수를 만들어 매개변수로 받은 값에 속성값을 title에 넣어준다.가져올 값에 input태그 속성으로 value값을 주고,onChange로 함수를 전달한다.state에 리스트로 createTitle을 만든다.함수를 만
3.To Do List Date Component
state로 today로 new Date()를 받고 now: 0으로 기준을 잡는다. 화살표 click시 방향에 따라 - , +로 now의 상태를 변화 시킨다.현재 today를 기준으로 now상태에 따라 날짜를 가져오도록 한다.
2.To Do List div틀잡기
처음에 틀을 안잡고 만들었는데 갈수록 틀 잡는 어려움이 생겨서 CSS flexbox를 적용해 틀을 잡았다.CSS flexbox 참조https://d2.naver.com/helloworld/8540176
1.To Do List Project
1.To Do List 디자인하기2.div 틀 잡기3.Date() 함수 사용해 날짜 가져오기4.input box 만들기react bootstrap livrary를 가져와 만들었다.현재까지 작업된 모습!앞으로 해야 할 것1\. 화살표 click시 전날,다음날 넘어가는 기
전통적인 JavaScript 상속
JavaScript는 prototype을 기반으로 상속을 구현하여 불필요한 중복(코드재사용)을 제거한다.prototype에 공통적으로 상속할 속성이나 메소드를 미리 구현함으로 공유하며 사용할 수 있다.접근자 property.prototype이 가리키고 있는 object
비동기 프로그래밍(Asynchronous)
동기 -> 순차적으로 진행비동기 -> 비순차적으로 진행비동기처리 -> 비순차적인 작업을 순차적으로 처리하는 방식JavaScript를 이용해 비동기적으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식.갱신이 필요한 부분만 로드하여 갱신함으로 빠르다.비동기처리를 위
var, let, const
선언단계 》 초기화단계 》 할당단계전역스코프이며 재선언, 재할당, 호이스팅이 가능하다블록스코프이며 재할다은 가능하나 재선언, 호이스팅은 불가능하다블록스코프이며 재선언, 재할당, 호이스팅 모두 불가능하다스코프란? 영역호이스팅이란? 코드에 선언된 변수 및 함수를 코드상단으
OOP(Ovject Oriented Programming)
class 개념에서 상위class으로부터 메소드나 변수를 하위class가 사용할 수 있는것을 의미함수의 매개변수에 따라 다른 역할을 수행함외부에서 쉽게 데이터에 접근할 수 없게 만들기도하고, 데이터구조와 방법을 그룹핑할수도 있음공통적인 속성이나 기능을 그룹핑해 이름을
배열.Method
배열 생성 후 배열에 새로운 원소를 마지막에 추가배열의 마지막 원소를 반환하고 해당 원소를 배열에서 제거실행될 때 마다 배열의 크기가 1씩 감소배열에서 첫 번째 원소를 반환하고 해당 원소를 배열에서 제거하나 또는 그 이상 N개의 원소를 배열의 맨 앞에 추가하고 새로운
스파르타코딩을 끝내며..
취업을 준비하며 코딩이란걸 알았고 상황상 독학으로 조코딩,생활코딩 youtube를 보며 흥미를 느끼고 HTML, CSS, JavaScript를 배웠고 혼자하는거에 한계를 느껴 다니게 된 스파르타코딩클럽!내가 생각했던거랑 다르게 front-end와 back-end의 세계
스파르타 프로젝트를 끝내며..
· Activity 와 Make로 나눠 클릭 시 주제에 맞는 API를 뿌려준다.·python과 몽고db를 사용해 data를 저장하고 jquery로 ajax을 요청했다.· 상단 메뉴에서 LOGIN 클릭 시 로그인화면을 보여주고 회원가입을 누르면 회원가입 페이지로 넘어간다
스파르타 프로젝트1
1\. 프로젝트 설명삶을 되돌아봤을 때 정작 나로써 온전히 보내는 시간이 얼마나 있을까?누군가의 자식, 부모, 배우자, 사회일원 ...아직도 많은 사람들이 나 자신은 모른 체 살아간다.그런 사람들을 위해 조금이나마 도움이 되길 바라며 find me라는 네임을 정한 웹사