G's days

객체(Object) 데이터 형식 중 하나 key과 value(값)으로 이루어진 property의 집합 { key : value, key2: value2, ... } 서로 연관된 데이터와, (그 데이터를 처리하는 방법인 함수를) grouping해서 코드의 복잡성을 낮추는 수납상자

강의를 듣거나, 누군가에게 설명할 때 두 개념이 헷갈리니까 설명이 더 헷갈린다. 잘 모르고 들으면 강의자가 같은 개념인 두 단어를 섞어서 말한다고 느껴진다. 그래서 비슷한 단어인가 보다 하고 넘기게 된다. 말할 때 단어 쓰는 게 뭐가 중요해? 라고 생각할 수 있지만 초보자로서 느낀 바로는 (적어도) 초보자에게는 중요하다! 적재적소에 올바른 단어를 쓸 수 있다는 건, 그 개념을 정확히 이해하고 있다는 반증이니까. (다만 Argument가 인자인가 인수인가 와 같은 논쟁은 별로 중요치 않다고 생각한다. 인수나 인자나 직관적으로 느끼기에 별로 다를바도 없으며 어차피 영어단어 번역이니 상관없다고 생각) 그러면, 개념적인 정의대신 실제로 함수를 생성하고 호출할 때의 논리를 통해 인수(Argument)와 매개변수(..

SPA (Single Page Application) 단일 페이지 어플리케이션 SPA구현 하나의 html파일에서 js, css등의 리소스 파일과 모듈을 로드하고, 그 페이지 안에서 특정 영역만 새로 모듈을 호출하고 데이터를 바인딩한다. 종류 React.js, Vue.js는 컴포넌트 수준의 프레임 워크다. 컴포넌트(재사용이 가능한 최소단위)들이 한 페이지를 작성하고, 특정 부분만 데이터를 바인딩한다. 기존의 방식과 차이점 기존의 웹 서비스 요청시마다 서버로부터 리소스들과 데이터를 받아 해석하고 화면에 렌더링하는 방식이다. SPA방식은 브라우저에서 최초 한 번 페이지 전체를 로드하고, 이후부터는 특정부분만 Ajax를 통해 데이터를 바인딩 한다. * Template Engine(템플릿 엔진)https://gs..

XML (Extensible Markup Language) W3C표준 권고안에 포함된 범용 마크업 언어다. XHTML, MathML, SVH 등 많은 언어가 XML을 기반으로 한다. HTML과 비교 ==> HTML : 표시 목적으로 설계된 고정언어다. XML : 사용자 정의 언어이며 데이터 내용을 정의할 수 있다. * SGML(Standard Generalized Markup Language)은 문서용 마크업 언어를 정의하기 위한 메타 언어이다. * XSLT(Extensible Stylesheet Language Transformations는 전문 처리 소프트웨어와 함께 XML 문서 변환에 쓰이는 XML에 기반을 둔 언어

AJAX(Asynchronous JavaScript And XML) 비동기 자바스크립트와 XML : Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법 - 서버와 통신하기 위해 XMLHttpRequest 객체를 사용 - JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받음 - 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성" : 사용자의 이벤트가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줌 - 페이지 새로고침 없이 서버에 요청이 가능함 - 서버에서 데이터를 받아 작업을 수행할 수 있도록 함 - 동기적(Synchronous) : 위에서 아래로 코드 하나가 끝나면 다음 코드가 순서대로 실행된다. - 비동기적(ASynchro..

전역변수 함수선언 방법 2개 아래에서 'clickIlbuniHandler'가 전역변수 const clickIlbuniHandler = function() { ilbuni.classList.toggle('special'); } function clickIlbuniHandler() { ilbuni.classList.toggle('special'); } *전역변수: 전역 변수는 어떤 변수 영역 내에서도 접근할 수 있는 변수를 의미하는 전산학 용어이다.