본문 바로가기

공부일지33

JavaScript 문법. JSON (stringify, parse) 엉뚱한 짓을 하고 다닐 때 봤던 JSON 말로만 들어보고 그냥 눈으로만 봤지 어떻게 동작하고 어떤 기능이 있는지 잘 몰랐다. 일단, 오늘 도움을 주신우리의 지식을 풍족하게 해주실 MDN Web Docs 선생님과 유튜브 드림코딩 엘리 님의 영상을 보고 작성함을 알려드립니다. 아니, 대체 JSON이 뭐죠? * 참고 자료 : MDN Web Docs - JSON으로 작업하기 JavaScript Object Notation (JSON)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷입니다. 웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용합니다. (서버에서 클라이언트로 데이터를 전송하여 표현하려거나 반대의 경우) JSON 는 Douglas Crockford가 널리 .. 2023. 2. 15.
HTML. input button 과 button의 차이점 안녕하세요, 오늘은 요며칠 동안 엉뚱한 짓을 하면서 생각이든 2023. 2. 14.
JavaScript 문법. Arrow Function( 화살표 함수 ) * 화살표 함수를 외면하고 일반 함수만 하던 나.. (이전 글들 보면 화살표 함수 예제를 다 일반 함수로 바꿔서 씀..) * 화살표 함수, 피할수 없다면 즐겨주겠어. 자바스크립트 함수 정의 방법 1. 일반 함수 2. 화살표 함수 1-1. 일반 함수 - 함수 선언식 함수 선언식이란, 함수 function키워드를 쓰고, 함수 이름을 넣어준 다음 함수 블록에 내용을 채워 넣으면 된다. * 참고 자료 1 : MDN Web Docs - 함수 선언(function declaration) function name([param[, param,[..., param]]]) { [statements] } name 함수 이름. param 함수로 전달되는 인수(argument)의 이름. 인수의 최대 개수는 엔진마다 다름. st.. 2023. 1. 29.
JavaScript 문법. this * 어...음...설날 전후로 신나게 펑펑 놀았습니다. 오늘은 this에 관해서 파헤쳐보겠습니다. * 참고 자료 : MDN Web Docs - this 위 참고 자료를 읽어보면, 대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정됩니다. (= this는 함수를 호출한 객체) 라고 합니다. * 유튜브 별코딩님 영상을 참고했습니다. 1. 전역문맥 (함수 외부에서 this 값) console.log(this); // window 객체 if(true) { console.log(this); } // window 객체 전역적인 문맥에서 this에 접근하면 this는 window 객체로 출력된다. 1-1. 엄격모드 'use strict'; console.log(this); // window 객체 2. 함수.. 2023. 1. 28.