전체 글

✅ Node.js Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 런타임 환경으로 주로 서버 사이드 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. 즉, 노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 제일 많이 사용된다. Node.js를 통해 웹어플리케이션이 더욱 발전하게 되었으며, 정적인 홈페이지 뿐만 아니라 쇼핑몰, 티켓 예매사이트, 블로그 등 데이터가 변해가는 사이트를 만들 수 있으며, 여러 개발자가 만든 프로그램과 게임을 웹상에서 구동시켜 안드로이드폰, 아이폰, 윈도우PC, 맥 등 플랫폼의 제약에서 벗어나 어디든 상관없이 실행 가능하게 해준다. 스크립트 언어는 웹브라우저(크롬, 사파리, 익스플로러, 파이어폭스 등)가 있어야만 동작하는 프로그..

최근에 Node.js와 함께 express 미들웨어를 이용하여 게시판을 만들고 있다. 정확히 express 개념을 잘 몰라 조금이라도 정리해보기로 했다. express란 NodeJS를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체 라고 보면 된다. express란 함수로 많이들 보는 것 같다.(아니면 댓글 부탁드립니다😥) 요청-응답 주기 중 req, res객체에 대한 접근 권한을 갖고 변형시킬 수 있으며 스택 내 다음 미들웨어 함수에 대한 접근 권한을 next라는 인자로 갖는 함수로 설정할 수 있다. const express = require('express'); const app = express(); app.set('port', 8080); //8080 포트에 서버가 대기중이..

✅ Component란? 컴포넌트(Component)는 데이터를 입력 받아 DOM NODE를 출력하는 함수이다. 입력받는 데이터에는 Props나 State 등이 있다. 컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 다룰 수 있다. 따라서, 리액트를 통해 만든 웹이나 앱은 컴퍼넌트를 유기적으로 연결해서 SPA(Single Page Application)으로 만들 수 있다. 이처럼 작은 컴포넌트들이 모여서 하나의 컴포넌트를 구성하고, 이러한 컴포넌트들이 모여서 전체 페이지를 구성한다. 이렇게 하나의 컴포넌트를 반복적으로 사용함으로써 전체 코드의 양이 줄어 개발 시관과 유지 보수 비용을 줄일 수 있다.

✅ 프로토타입 프로토타입이란? 사전적 의미로는 '원래 그대로의'의 의미를 가지고 있다. 자바스크립트에서 보통 상속을 구현하는데 사용되며, 2 종류가 있다. 인스턴스 프로퍼티(Instance property): 주어진 특정한 인스턴스(객체)의 데이터를 가진다. 스태틱 프로퍼티(Static property): 모든 객체 인스턴스들과 공유되는 데이터를 가진다. 또한, 프로퍼티는 이름과 값을 가진다.(Key와 Value) 이름: 문자열이거나 심볼(Key) 값: 원시값(Primative), 매서드(Method) 또는 객체 참조(Object reference) // 객체 예시 const user = { // Key : Value의 쌍을 이루는 객체의 프로퍼티, 데이터 프로퍼티라고 한다. name: 'milk'; a..

✅ 생성자 함수 생성자 함수는 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성하는 new 연산자와 함께 호출해서 객체를 생성하여 반환하는 함수를 말한다. 이후 프로퍼티 혹은 메서드를 추가하여 객체를 완성한다. 생성자 함수는 새로운 객체를 만들고 사용자가 요구하는 함수들을 구현할 수 있게 해주는데 이렇게 생성된 객체를 인스턴스라고 한다. 생성자 함수 : new 연사자와 함께 호출하여 객체(인스턴스)를 생성하는 함수 인스턴스 : 생성자 함수에 의해 생성된 객체 const Developer = new Object(); Developer.name = 'mien'; Developer.whoDeveloper = function() { console.log('Developer Name is ' + th..

조건문이란? 주어진 조건에 따라 코드들의 실행이 결정되는 문(statement)이다. ✅ if문 if문의 기본적인 형태는 아래와 같다. if(조건식) { // 조건식이 참일 경우 실행될 코드 } 조건식이 참이면 코드블럭에 실행되는 것이 if문의 기본 구조이다. 중괄호 안의 코드가 한 줄뿐이라면 중괄호를 생략할 수 있다. if (true) console.log("중괄호 생략 가능"); 하지만, 가독성을 위해 생략하지 않고 쓰는 것이 좋다. ✅ if...else문 if문을 단독으로 사용할 수 있지만, 대부분 else문과 함께 사용한다. 하나의 조건이 아닌 여러 개의 조건을 평가해야 하는 상황이 현저히 많기 때문이다. 기본적인 형태는 아래와 같다. if(조건식1) { //조건식1이 참(true)일 경우 실행 ..