이번 글은 템플릿 문자열에 관하여 알아보겠다. 이것도 모르고 프로젝트 코드 작성하다가 한참 시간 낭비했다. 템플릿 문자열은 ES6에서 새로 추가된 문자열이다. 이 문자열은 큰 따옴표나 작은따옴표로 감싸는 기존 문자열과 다르게 tab키 위의 백틱( ` )으로 감싼다. 특이한 점은 이 문장열 안에 변수를 넣을 수 있다. 비교 예시를 보자 기존의 es5 문법은 아래와 같다. let num1 = 1; let num2 = 2; let result = 3; let string1 = num1 + " 더하기" + num2 + "는 '" + result + "'"; console.log(string); // 1 더하기 2는 '3' 위의 코드는 변수, 더하기 기호 등으로 가독성이 좋지 않다. 이제 템플릿 문자열을 사용해서..

React로 열심히 프로젝트를 하다가 프로젝트를 잠깐 쉬게 되었다. 그래서 부족하다고 느꼈던 Javascript를 기초부터 다시 정리하기로 했다. 오늘 글은 Javascript에서 변수를 선언할때 사용하는 var, const, let에 대하여 알아보도록하자 1. 선언방식 선언하는 방식은 아래와 같다. var, let, const 등을 적고 변수명을 적어서 선언하면된다. var x = 3; console.log(x); // 3 let y = 2; console.log(y); // 2 const z = 1; console.log(z); // 1 2. 차이점 그럼 3개의 차이점이 무엇인가? 먼저 var은 함수 스코프를 가지고 let, const는 블록 스코프를 가진다. 함수 스코프는 블록( '{}'와 같은 중..

이전 글에서 React에서 Express로 데이터 보내는 방법을 했다 Express에서 req를 사용해 보았다. 이번 글에서는 res를 사용하여 React로 보내는 방법을 알아볼거다 1. 준비 이전 내용을 했다면 따로 준비할 것은 없다. 2. server.js 수정 const express = require("express"); const app = express(); const port = 3001; // { res.send("Hello World!"); }); app.post("/text", (req, res) => { const text1 = req.body.inText; console.log(text1); //////추가 내용///// const sendText = { text: "보내기 성공",..