junior developer :)/JS_JavaScript19 JS_ JSON이란 ?(JSON.stringify & JSON.parse) 처음 JSON을 접했을 때는 JSON 형태가 와닿지를 않았다. 많이 접하고 익숙해지면서 어느 정도 정리가 된 지금 JSON에 대해서 정리해보고자 한다 JSON 형태 JSON(JavaScript Object Notation)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포멧이다. 웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용된다. JSON은 문자열 형태로 이루어져 있다. 얼핏 보기엔 객체 형태처럼 보일 수 있는 JSON 형태는 이 부분에서 객체와의 차이점을 느낄 수 있다. JSON 형태와 JavaScript 형태의 차이는 이러하다 JavaScript 객체 JSON 키 키는 따옴표 없이 쓸 수 있음 { key : "property" } 반드시 쌍 따옴표를 붙.. 2022. 10. 26. UI & UX란? (벌집 모형 , 10가지 사용성 평가 기준) 오늘은 서로 보완하는 역할을 하는 UI와 UX에 대해서 적어보려고 한다. 좋은 UI 를 가지고 있다고 UX도 좋은 것은 아니며 반대로 UX가 좋다고 UI까지 좋다고 할 수는 없다 UI UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호작용하는 시스템을 의미한다 스마트폰과 스마트 워치 등 화면과의 상호작용을 직접 하는 기기들이 많아지면서 *GUI가 중요한 역할을 하게 되었고 현재 프론트엔드 개발자로서의 UI는 대부분 GUI를 의미한다. UI에서는 UI 디자인 패턴을 사용하는 경우가 많다 자주 쓰이는 UI 디자인 패턴(자주 사용되는 UI컴포넌트)는 모달 (Modal), 토글(Toggle), 탭(Tab), 태그(Tag), 자동완성(Autocomplete), 드롭다운(Dropdown).. 2022. 10. 24. for in & for of 문은 어떤 것이고, 둘의 차이는 무엇일까? for...of for...of 명령문은 반복가능한 객체에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성합니다 - mdn 이렇게 정의를 봤을 때는 이게 한국말이 맞나 싶을 정도로 이해가 되지 않는다. 그렇다면 예시를 한번 들어서 이해해보자 for (const variable of iterable) { statement } //variable(변화를 줄 수 있는) : 각 반복에 서로 다른 속성값이 variable에 할당된다 //iterable(반복될 수 있는) : 반복되고 열거가능(enumerable)한 속성이 있는 객체 for...of 문의 기본 형태는 이렇다. 배열 형태에서 아래와 같이 주로 사용 되는데 let iterable = [10,20,.. 2022. 10. 22. 프로토타입과 클래스, 프로토타입 체인 오늘은 JS의 OPP(객체지향 프로그래밍)하면 함께 나오는 프로토타입에 대해서 적어보려고 한다. 프로토타입 JavaScript는 프로토타입(Prototype) 기반 언어로 객체를 상속하기 위해서 프로토타입의 방식을 사용한다. 이전에는 js에서 클래스라는 개념이 없었기에 객체지향 프로그래밍은 주로 프로토타입을 통해 이루어졌다 ES6에 class 문법이 생겼지만 자바스크립트는 여전히 프로토타입기반 언어이다. mdn같은 곳에 메소드에 대해 찾아 볼 때면 arr.prototype.push ()등으로 표현되어 있는 것을 볼 수 있다. 이 이유는 상속되는 속성과 메소드들이 각 객체가 아니라 객체의 생성자의 prototype이라는 속성에 정의되어 있기 때문이다. 프로토타입 체인 자바스크립트는 특정 객체의 메소드에 접.. 2022. 9. 22. 이전 1 2 3 4 5 다음 728x90 반응형
