Javascript

TILJavascript에서 변수를 선언할 때 사용하는 기존에 자주 사용했던 변수 var와 ES6 이후 추가된 const, let의 차이 var의 재선언이 가능하다.var name = "Hello";console.log(name); // Hellovar name = "

사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리자바스크립트가 브라우저 밖(ex. 서버)에서도 동작하게 하는 환경Node.js를 설치하면 npm(node package manager) 이 자동으로 설치Node 기반의 패키지를 사용하려면 npm(nod

React - route페이지가 한 개인 애플리케이션에서 여러 페이지를 보여주기 위해 Routing 방법을 사용한다.라우팅이란 다른 경로(주소)에 따라 다른 View(화면)을 보여주는 것이다. react-router는 리액트의 라우팅 기능을 위해 가장 많이 사용 되는

React - JSX(Javascript Syntax Extension)

JS 코드카타 Day-1. Question 로마자에서 숫자로 바꾸기 1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다. Symbol Value

React sass 공식문서 1. Sass 설치  node-modules 폴더에 node-sass 폴더가 생성된다. : package.json에 설치된 패키지의 이름과 버전 정보를 업데이트 2. .scss로 변경 기존의 css 파일을 .scss로 변경한다.

mock: 거짓된, 가짜의실제 API 에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터백엔드에서 API가 나올 때까지 무작정 기다리는 게 아니라, mock data를 만들어 데이터가 들어오는 상황을 미리 대비하고 UI가 기획에 맞게 구현

프론트에서 서버(백엔드) API를 호출하면 데이터를 받아올 수 있다. 자바스크립트 Web API fetch 함수를 쓰면 서버 API를 통신할 수 있다.로그인 시 api 로직

study 01 동기와 비동기

study 02. Promise란? 프로미스는 비동기 처리에 사용되는 객체이다. 프로미스를 사용하면 비동기 프로그래밍을 할 때 코드를 순차적으로 작성이 가능하여 컨트롤이 쉬워지고 코드 가독성이 좋아집니다. 프로미스의 세 가지 상태 대기(pending): 비동

study 03. Async & Await 1. Async & Await란? Async 는 비동기라는 의미를 가진 Asynchronous의 줄임말 Async Function 객체를 반환하는 하나의 비동기 함수(이벤트 루프를 통해 비동기적으로 작동하는 함수)를 정의

study 05.forEach(): Array 요소를 제공된 함수로 한 번 실행합니다.콜백 함수를 인자로 받아, 배열의 각 요소에 콜백함수를 실행한다. 아무 값도 반환하지 않는다.일반적인 forEach문은 다음과 같다.forEach() 메소드는 아무것도 리턴하지 않는다