Debug? 디버그는 컴퓨터 프로그램 개발 단계에서 발생하는 시스템의 논리적인 오류나 비정상적인 연산(버그)을 찾아내어 그 원인을 밝히고 수정하는 과정을 뜻한다. 개발자 도구를 이용한 디버그 위와 같이 4, 8줄에 중단점을 설정하고 Console창에 hello("wonillism")을 입력한다. 디버거가 실행되고 4줄에서 멈춘다. Scope를 통해 상황을 알 수 있다. F11혹은 아래방향 버튼을 눌러 디버깅을 진행할 수 있다. debugger키워드를 이용한 디버그 debugger에 적힌 줄에서 중단이 일어난다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/debugger

Object(객체)란? 객체란 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있다. https://wonillism.tistory.com/224?category=971578 [C++] Class(클래스)란? OOP(Object-Oriented Programming) 객체 지향 프로그래밍 객체 지향 프로그래밍에서는 모든 데이터를 객체(object)로 취급하며, 객체가 프로그래밍의 중심이 된다. Object(객체)란? https://ko.wikipedia.org/wik.. wonillism.tistory.com C++의 클래스를 정리하면서 객체의 개념도 정리해두었다. 자바스크립트 객체 자바스크립트의 기본 타입(data type)은 객체이다. 원시형 값을 제외한 나머지 값은 모두 객체이다. 원시형은 단 ..

JSON, Javascript Object Notation의 약자이다. Key-Value 쌍 또는 Attribute-Value 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 비동기 브라우저/서버 통신(AJAX)를 위해, 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷이다. 특히 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법으로 알려져 있다. 본래는 자바스크립트 언어로부터 파생되어 자바스크립트의 구문 형식을 따르지만 언어 독립형 데이터 포멧이다. 즉, 프로그래밍 언어나 플랫폼에 독립적이므로, 구문 분석 및 JSON 데이터 생성을 위한 코드는 C, C++, C#, Java, Javascript, Python 등 수많은 프..

자바스크립트는 객체(object) 기반의 스크립트 언어이다. 스크립트 언어: 응용 프로그램과 독립하여 사용되고 일반적으로 응용 프로그램의 언어와 다른 언어로 사용되어 최종 사용자가 응용 프로그램의 동작을 사용자의 요구에 맞게 수행할 수 있도록 해준다. 인터프리터 방식에 사용하기 위해 나왔다. 인터프리터 언어: 컴파일 작업을 거치지 않고, 소스코드를 바로 실행할 수 있는 언어(자바스크립트는 웹 브라우저에 포함된 자바스크립트 인터프리터가 소스코드를 직접 해석하여 바로 실행) (Javascript, Python Ruby 등) 컴파일 언어: 반드시 기계어로 컴파일되어야만 실행시킬 수 있는 프로그래밍 언어 (C, C++, Java 등) HTML - 웹의 내용 작성 CSS - 웹 디자인 Javascript - 웹의..

BOM이란? Browser Object Model의 약자로 브라우저와 관련된 객체들의 집합으로서 BOM을 이용하여 Browser와 관련된 기능들을 구성한다. 이 BOM을 이용해서 Browser와 관련된 기능들을 구성한다. BOM의 최상위 객체는 window 객체이다. DOM이란? Document Object Model의 약자로 window 객체의 하위 객체중 하나이다. 넓은 의미로 웹 브라우저가 HTML페이지를 인식하는 방법을 의미하고, 조금 좁은 의미로는 document 객체와 관련된 객체의 집합을 의미한다. HTML에 있는 내용들을 javascript가 알아들을 수 있는 내용으로 바꾸고, 바꾸는 과정에서 HTML이 트리 구조로 되어있으므로 그 구조의 성격이 자연스럽게 반영된다. 결국, DOM을 조작하..

간단한 웹페이지를 만들기위해 조금 건드려봤던 javascript를 빠르게 요약해보자.(vscode 단축키와 같이) [! + tab] (vscode 단축키) : html 기본 틀 작성 [(tag). + tab] (vscode 단축키) : tag를 입력하지 않고 tab을하면 div tag가 기본으로 class명을 부여하여 태그가 생성된다. [(tag)# + tab] (vscode 단축키) : tag를 입력하지 않고 tab을하면 div tag가 기본으로 id명을 부여하여 태그가 생성된다. 변수 type var : ES6 이전 버전에서 쓰이던 변수. 중복 선언이 가능하다. 따라서 코드의 길이가 길어지면 에러를 발생시킬 수 있는 가능성이 커진다. let : var과 같은 변수이지만, 중복 선언이 불가능하다. va..

앞서 배운 react에 대해 총 정리를 해보자. 강의를 보면서 따라하기에 급급한적도 많고, 강의 들으면서 검색도 했지만, 까먹는 경우가 많아 다시 한 번 정리를 한다. npx란? https://wonillism.tistory.com/105?category=864856 nodjs, npm, nvm, npx wsl에 react를 설치하다가 여러가지 시행착오를 겪고 이 포스팅까지 왔다....(wsl 문제가 젤 컷지만...) nodeJS, npm, nvm, npx에 대해서 알아보자. NodeJS 확장성 있는 네트워크 어플리케이션(특히 서버 사� wonillism.tistory.com 여기서 npx를 간단히 다루긴했지만, 조금 더 설명을위해 예를 들어보자. create-react-app을 npm으로 global하..