함수 내부에서의 console.log( )와 return 차이 function z ( a,b ) { console.log(a+b) } 이렇게하고 z ( 1,2 ) 를 불러오면 콘솔창에 3과 undefined 가 뜹니다. undefined가 뜨는 이유는, function z 안에 값이 담겨져 있지 않기 때문입니다. function z ( a,b ) { return a+b } 을 해준다면, function z 안에 a+b라는 값이 담겨지면서 콘솔창에 3만 뜨게 됩니다. console.log(2) 는 console 에 2를 출력을 하기 위함이고, return 2는 함수에서 2를 반환하기 위함이다. 콘솔에서 보이는건 같겠지만 예를 들어 2에다가 2를 더한 값을 출력한다고 해보자. function returnNu..
✅ undefined 해당 변수가 비어있는 상태임을 나타낸다. 아예 정의가 되지 않은 값이다. boolean으로 형변환이 일어나는 경우 false가 된다. const foo; console.log(foo); // undefined console.log(typeof foo); // "undefined" console.log(!foo); // true ✅ null 정의는 되어있음에도 비어있음을 의미하는 값이다. boolean으로 형변환이 일어나는 경우 false가 된다. const bar = null; console.log(bar); // null console.log(typeof bar); // "object" console.log(!bar); // true null의 type이 "object" 인 것은 ..
📌 변수 개요 JavaScript에서도 데이터를 편하게 다루기 위해 데이터에 이름을 붙일 수 있다. 그 이름을 바로 변수라고 부른다. 데이터를 편리하게 저장하고 꺼내 쓸 수 있도록 변수에 대해 학습하자. 각각의 데이터에 이름을 짓는 방법을 알게 된다. 개발자답게 표현하자면 변수를 선언하고 값을 할당할 수 있는 것을 의미한다. 또 변수를 활용하여 복잡한 작업을 간단하게 처리할 수 있게 된다. 📌 변수의 선언과 할당 ✏️ 변수의 선언과 할당 문제를 해결하기 위해 컴퓨터와 소통하기 위해서는 특정 데이터에 대해 같은 이름을 공유하고 있어야 한다. JavaScript에서도 특정 데이터에 이름을 붙일 수 있는데, 이를 변수라고 한다. **반복적으로 사용하는 숫자를 컴퓨터가 특정한 이름(변수명)으로 기억하도록 하고 ..
📌 Number 타입 ✅ Number 타입 JavaScript의 여러 데이터 타입 중 Number는 일상생활에서 흔히 접할 수 있는 숫자를 자바스크립트에서 표현하기 위한 데이터 타입이다. 정수(integer)와 실수(float)을 모두 표현할 수 있다. 100; // 정수를 표현할 수 있습니다. -100; // 음수를 표현할 수 있습니다. 100.123; // 실수를 표현할 수 있습니다. typeof 연산자로 해당 값이 숫자 타입인지 확인할 수 있다. typeof 100; // 'number' typeof -100; // 'number' typeof 100.123; // 'number' 같은 숫자 값 간에는 간단한 사칙연산을 할 수 있다.아래 예시에서 사용한 수학 기호 ( + - * / )를 자바스크립에..
📌 코드 기초 📖 코드 기초 개요 JavaScript의 기본 개념들을 학습하기 위해서는 코드를 실행하는 방법부터 알아야 한다. 또, JavaScript엔진이 어떻게 코드를 읽는지, 내가 작성한 코드를 어떻게 출력할 수 있는지에 대해 알아야 한다. 📌 코드 실행 ✅ JavaScript 코드 실행하기 JavaScript는 원래 브라우저에서 실행하기 위해 만들어진 프로그래밍 언어이다.그래서 HTML 파일과 JavaScript 파일을 함께 브라우저에서 실행해야 작동한다. 혹은 따로 Node.js라는 JavaScript 런타임을 컴퓨터에 설치해야 한다. 다만, 처음에는 좀 더 쉽게 JavaScript를 학습하기 위해서 StackBlitz에서 JavaScript 코드를 실행하자. ✅ StackBlitz로 코드를 실..
🌈 목표: 수료후 1~2개월이내에 웹 프론트엔드 개발자 취업을 목표로 매일, 꾸준히 공부를 하자! 🗓️ 스케쥴 관리 : *평일* 08:00 ~ 08:30 기상 및 세수 08:30 ~ 09:00 오늘 배울 내용 간단히 예습 09:00 ~ 12:00 코드 스테이츠 오전 강의 12:00 ~ 13:00 점심시간 13:00 ~ 18:00 코드 스테이츠 오후 강의 18:00 ~ 19:00 저녁시간 19:00 ~ 22:00 그날 배운 내용 복습하기 / 블로깅 22:00 ~ 24:00 개인정비 및 취침 (적어도 24시전엔 취침!) *주말* 09:00 ~ 09:30 기상 및 세수 09:30 ~ 12:00 오전 공부 12:00 ~ 13:00 점심시간 13:00 ~ 18:00 오후 공부 18:00 ~ 19:00 저녁 시간 ..
1강. HTML은 정보를 표현하기 위해서 고안된 언어이다.하지만 사람들은 정보만으로 못산다고 불평을 쏟아낸다. 2강.CSS 등장 이전의 상황 불평(문서의글꼴,색상,정렬 등등등) 을 해결하기위해 2가지 방법이 있다. 1.HTML에 디자인에 대한 새로운 태그를 추가하는것이 쉬운길. 웹브라우저를 만든사람들은 쉬운 길을 선택. 하지만 한계를 깨닫고 어렵지만 근본 적인 해결책을 찾는다 그게 바로 CSS라는 언어 2. 디자인에 최적화된 완전히 새로운 언어 - CSS 어렵지만 근본적인 해결책. CSS를 살펴보기전에 쉽지만 한계가 있었던 방법을 먼저 살펴보자. 지금은 사용되지않는 디자인 태그. 지금은 사용x 이번 한번만 쓰고 기억에서 지우자. WEB HTML CSS JavaScript HTML 삽입 미리보기할 수 없는..
👐 수업소개 남의 문제를 통해서 코딩을 배우려는 학생이 아니라 나의 문제를 코딩으로 해결하려는 엔지니어로 상상한다. 🤫 프로젝트의 동기 개발자로서 이 사이트를 만든배경을 알려주는수업. 📝 기획 우리가 만든 웹사이트를 기획. 무엇인가를 만들기 전에 무엇을 만들 것이가를 미리 상상하고,계획해보는 과정이 필요하다. 이런 과정을 기획이라고 한다. 💻 코딩과 HTML 기획을 끝냈으니 구현을 할차례이다. 오른쪽이 사람이 하는 일이면서 원인이고, 그것에 대한 결과가 왼쪽이면서 기계가 하는일이다. 사람이 하는 일 다시 말해서 원인을 부르는 여러 표현이 있다. 부호 또는 신호라는 의미의 코드(code) 원천이라는 뜻의 소스 (Source),약속이라는 의미에서 언어 그중에서 컴퓨터 언어라고 한다. 기계 가 하는 일 다시 ..
https://road map.sh/frontend Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh [풀스택 개발자] 기본 (=>전문화) Html Css Javascript =>Typescript 웹브라우저 밖에서 JS사용 Node JS - Express, Koa =>Nest JS 데이터베이스 MongoDB - mongoose JS이 ..
