빵 입니다.

기능 정의 Todo 입력 Todo 수정 Todo 삭제 Todo Total 갯수 체크 Todo 완료 갯수 체크 Todo 미완료 갯수 체크 시각적으로 보이는 리스트들을 todo들 관리를 쉽게하기 위해 배열에 넣었다. 배열을 관리하면 되기 때문에 상태 체크가 훨씬 쉽고 안정적이었다.초기 실행함수를 만들어서 todo 추가하는 기능을 바인딩했다. (최초의 이벤트 바인딩)부분적으로 스트링 템플릿을 사용해서 html에 있던 코드들을 많이 생략할 수 있었다.ES6의 let, const, map, filter 등을 사용해서 코드를 더 간결하게 만들었다.Todo 가 간단한 구조이기 때문에 변경될 때마다 화면을 새로 그리도록 만들었다. HTML Todo 추가 CSS @charset "UTF-8"; @import url(//..

기능 정의 Todo 입력 Todo 수정 Todo 삭제 Todo Total 갯수 체크 Todo 완료 갯수 체크 Todo 미완료 갯수 체크 어떻게 해야하는지 감이 잡히지 않아서 dom api만 가지고 개발을 했다.우선, 코드가 매우 비효율적이다.재사용할 수 있는 코드가 매우 적고, ES5, ES6 섞어 쓴 부분도 많다.자바스크립트보단 html, css 단에 더 집중을 많이 한 느낌이 든다. HTML Todo 추가 완료 0건 미완료 0건 총 0건 CSS .todo_wrap{width:300px; margin:0 auto;} .todo_wrap h1{text-align:center;} .input_wrap{background:red;} .input_wrap:after{content:""; display:bloc..

라인프렌즈 클론사이트를 만들었습니다. 기존 사이트 https://www.linefriends.com/snackparty 클론사이트 http://webduck.dothome.co.kr/

W3Schools 번역과 MDN 번역 및 검색을 통해 알게 된 점 위주의 정리 https://www.w3schools.com/js/js_arrays.asp https://msdn.microsoft.com/ko-kr/library/ccktxahf(v=vs.100).aspx https://msdn.microsoft.com/ko-kr/library/jj155291(v=vs.94).aspx 1. AJAX IntroAjax를 사용할 때의 장점 - 페이지가 로드 된 후에 웹 서버로부터 데이터를 읽을 수 있다. - 페이지를 다시 로드 할 필요 없이 웹 페이지를 업데이트 할 수 있다. - 백그라운드 상태로 웹 서버에 데이터를 보낼 수 있다.AJAX는 다음과 같이 결합하여 사용한다. - 웹 서버로부터 데이터를 요청하기 ..

W3Schools 번역과 MDN 번역 및 검색을 통해 알게 된 점 위주의 정리 https://www.w3schools.com/js/js_arrays.asp https://msdn.microsoft.com/ko-kr/library/ccktxahf(v=vs.100).aspx https://msdn.microsoft.com/ko-kr/library/jj155291(v=vs.94).aspx concat() 2개 이상의 배열은 연결하고, 연결된 배열을 반환. array1.concat(array2, array3, ..., arrayX) copyWithin() 배열의 지정한 위치 안에 있는 요소들을 복사. array.copyWithin(target, start, end) every() 배열 안의 모든 요소들이 설정한..

W3Schools 번역과 MDN 번역 및 검색을 통해 알게 된 점 위주의 정리 https://www.w3schools.com/js/js_arrays.asp https://msdn.microsoft.com/ko-kr/library/ccktxahf(v=vs.100).aspxhttps://msdn.microsoft.com/ko-kr/library/ccktxahf(v=vs.100).aspx https://msdn.microsoft.com/ko-kr/library/jj155291(v=vs.94).aspxhttps://msdn.microsoft.com/ko-kr/library/jj155291(v=vs.94).aspxconstructor, length, prototype은 다른 객체에서도 사용할 수 있음. 이 페이지..

W3Schools 번역 및 검색을 통해 알게 된 점 위주의 정리 https://www.w3schools.com/js/js_arrays.asp 1. 하나의 이름으로 여러 값을 가질 수 있다. 1) var array_name = [item1, item2, ...]; → Literal 방식 (권장) var fruit1 = "apple"; var fruit2 = "banana"; var fruit3 = "orange"; → var fruit = ["apple", "banana", "orange"]; → var fruit = [ "apple", "banana", "orange" ]; 마지막 요소 뒤에 콤마(,)를 넣으면 IE8 이하 버전에서 오류 발생2) new 생성자를 이용해 배열을 만들 수 있다. var ca..