반응형 JavaScript33 데이터 통신에서 사용하는 JSON (JavaScript Object Notation) JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용된다. ajax와 rest api 통신 할 때 자주 받는 데이터 형식이며, 데이터를 전송할 때 최소한의 용량으로 전송한다. 회사에서 코드를 보다가 repository에서 데이터를 가져온 후에 코드에서 for .. in 문을 통해서 다시 배열을 구성하는 부분이 있었다. 궁금해져서 찾다보니까 respAPI로 가져온 데이터는 JSON 형태로 되어 있기 때문이었다. 코드와 예시로 잠시 살펴보자면 이런식으로 데이터 통신을 통해 가져온 값들은 JSON 형태로 key값과 value로 구성되어 있다. 코드에서 필요한 부분은 key값이 아니고 value 부분의 배열 값이기 때문에 for.... 2021. 11. 9. 모던 자바스크립트 튜토리얼 읽으면서 - 자바스크립트 기본 (1) 시간이 날 때마다 정독하면서 알고 싶은 개념들이나 중요하다고 생각하는 것들을 적어갈 예정 20211106 (토) 1. 소개 Http 트랜스파일 -> TypeScript (Microsoft 개발) 자바스크립트에서 가장 많이 사용하는 통합개발환경은 웹스톰이나 VSCode 웹 개발자 도구 단축키 - 윈도우 : F12 - 맥 : cmd+opt+J lalala is not defined : lalala가 정의되지 않았다. 밑에 있는 > 이 부분은 커맨드 라인(command line)이라고 부르며, 자바스크립트 명령어를 입력할 수 있다. 엔터를 누르면 실행되고, 여러줄을 입력하고 싶다면 shift+enter를 통해서 작성할 수 있다. 2. 자바스크립트 기본 1) Hello, World! - - 자바스크립트 코드 양.. 2021. 11. 6. ES6에서의 순회와 이터러블:이터레이터 프로토콜(2) 1) 사용자 정의 이터러블, 이터러블/이터레이터 프로토콜 정의 // 사용자 정의 이터러블 const iterable = { [Symbol.iterator]() { let i = 3; return { next() { return i == 0 ? { done: true } : { value: i--, done: false }; }, [Symbol.iterator]() { return this; } } } }; let iterator = iterable[Symbol.iterator](); // console.log(iterator.next()); // console.log(iterator.next()); // console.log(iterator.next()); // console.log(iterator.ne.. 2021. 11. 4. ES6에서의 순회와 이터러블:이터레이터 프로토콜(1) 1) ES5 vs ES6 리스트 순회 비교 ES5에서의 리스트 순회 const list = [1, 2, 3]; for (var i = 0; i < list.length; i++) { console.log(list[i]); } const str = 'abc'; for (var i = 0; i < str.length; i++) { console.log(str[i]); } ES6에서의 리스트 순회 for (const a of list) { console.log(a); } for (const a of str) { console.log(a); } ES6에서 확실히 간결해진게 눈에 보인다. 2) 이터러블/이터레이터 프로토콜 (Array, Set, Map) // Array const arr = [1, 2, 3]; f.. 2021. 11. 3. 함수형 자바스크립트 기본기 회사 업무에서 리액트를 다루는데, 자바스크립트 기본이 되어 있지 않은 상태에서 업무 처리를 하기가 매우 힘들었다. 더군다나, 핵심 기능들은 자바스크립트 함수형으로 많이 구현되어 있었다. 회사 교육비를 지원받아서 듣게 된 강의이다. 공부한 내용을 기록하기 위해서 작성하는 게시글. 다 수강할 때까지 블로그에 배운 내용을 정리할 생각이다. 평가 : 코드가 계산(Evaluation)되어 있는 값을 만드는 것 일급 - 값으로 다룰 수 있다. - 변수에 담을 수 있다. - 함수의 인자로 사용될 수 있다. - 함수의 결과로 사용될 수 있다. const a = 10; const add10 = a => a + 10; const r = add10(a); add10(a); 일급 함수 - 함수를 값으로 다룰 수 있다. - 조.. 2021. 10. 31. 자바스크립트) 변수와 자료형 참고하기 좋은 사이트 : https://ko.javascript.info/ 참고한 강의 : https://www.youtube.com/watch?v=KF6t61yuPCY&ab_channel=코딩앙마 변수 자바스크립트에서 변수를 선언할 때는, 변하지 않는 값은 const, 변할 수 있는 값은 let으로 선언한다. 변수는 문자와 숫자, $, _ 만 사용 첫 글자는 숫자가 될 수 없음 예약어는 사용할 수 없음 가급적 상수는 대문자로 작성 변수명은 읽기 쉽고 이해할 수 있게 선언 자료형 1) 문자 const name1 = "Mike"; const name2 = 'Mike'; const name3 = `Mike`; // (`` 백틱 사용) 문자열에 변수를 사용하고 싶다면, const message3 = `I'm .. 2021. 10. 11. 이전 1 2 3 4 다음 반응형
