javascript 8

[#03] [Pre-OnBoarding] if 조건문 / switch 조건문 / 삼항(조건부) 연산자 / 짧은 조건문

조건문을 사용하면 조건에 따라 코드를 실행할 수도 있고 실행하지 않을 수도 있습니다. 이처럼 코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 합니다. if 조건문은 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문입니다. 이때 조건은 앞에서 불 자료형을 의미합니다. 비교 연산자와 논리 연산자를 활용해 조건을 만들고, 이 조건을 사용해 조건 분기를 합니다. if 조건문 if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } if 조건문 사용하기 if(273 100') } // 프로그램 종료 alert('종료') if else 조건문 if(불 값이 나오는 표현식) { // ..

javascript 2022.11.09

[#02-3] [Pre-OnBoarding] 자료형 변환

문자열 입력 문자열 자료형은 입력할 때 사용하는 함수는 prompt() 입니다. prompt(메세지 문자열, 기본 입력 문자열); prompt() 함수 매개변수의 역할 const input = prompt('message', '_default') alert(input) Boolean 입력 불 자료형도 값으로 입력 받을 수 있다. 이때는 confirm() 함수를 사용합니다. confirm() 함수는 prompt() 함수와 비슷한 형태로 사용합니다. confirm(메세지 문자열) const input = confirm('수락하시겠습니까?') alert(input) 숫자 자료형으로 변환하기 다른 자료형을 숫자 자료형으로 변환할 때는 Number() 함수를 사용합니다. Number(자료) Number("273..

javascript 2022.11.09

[#02-2] [Pre-OnBoarding] 상수와 변수

변수 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 변수 선언 변수 선언은 var, let, const 키워드로 할 수 있으며, ES6에서 const와 let이 추가됨 Javascript 에서 변수 선언은 선언 => 초기화 단계를 거쳐 수행됨 선언 단계: 변수명을 등록하여 자바스크립트 엔진에 변수의 존재를 알린다. 초기화 단계: 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화한다. 호이스팅 자바스크립트 엔진은 소스코드를 한 줄씩 순차적으로 실행하기에 앞서, 변수 선언을 포함한 모든 선언문(ex. 변수 선언문, 함수 선언문 등)을 찾아내 먼저 실행한다. 즉, 변수 선언이 어디에 있든 상관없..

javascript 2022.11.09

[#02-1] [Pre-OnBoarding] 자료형

기본 자료형 프로그래밍에서 처리할 수 있는 모든 것을 "자료"라고 부르며, 자료 형태에 따라 나누어 놓은 것을 자료형 이라고 한다. JS에서 가장 기본적이면서도 많이 사용되는 자료형은 숫자(number), 문자열(string), 불(boolean) 자료형이다. 문자열 자료형 "Hello" // "" or '' 감싼것을 '문자열'이라고 한다. "안녕하세요" 큰 따옴표와 작은 따옴표 섞어 사용하기 'this is "string"' // this is "string" "this is 'string'" // this is 'string' 따옴표를 문자 그대로 사용하고 싶다면, 따옴표 앞에 특수한 기능을 수행하는 이스케이프 문자( \ )를 사용한다. "this is \"string\"" // this is "st..

javascript 2022.11.09

[#01] [Pre-OnBoarding] 혼자 공부하는 자바스크립트 / Javascript의 활용

목표: JS의 역사와 JS의 장점을 간단히 이해하고, JS종류와 JS로 할 수 있는 것들이 뭐가 있는지 파악하고 넘어간다. JS의 역사 요약 - Javascript란? 웹 브라우저에서 사용하는 프로그래밍 언어(programing language) 넷스케이프의 브렌던 아이크에 의해 모카(macha)라는 이름으로 만들어짐 곧 라이브스크립트라는 이름으로 개발됨 > 이후 넷스케이프와 썬 마이크로시스템즈와 자바스크립트라는 이름을 붙여서 본격적으로 개발하기 시작 PS. JAVA와 Javascript는 완전히 다른 프로그래밍 언어이다. JS로 할 수 있는 것들 1. 웹 클라이언트 애플리케이션 개발 - 초기 웹: 하이퍼링크로 웹 문서가 연결된 하나의 거대한 책 (정적 웹) - 현재: JS의 등장으로 웹 문서의 내용을 ..

javascript 2022.11.07

2-2. 문자열 기본(따옴표, 백틱, typeof)

값(value): 프로그램이 조작할 수 있는 데이터를 의미 자료형(data-type): 값에는 여러가지 종류가 있는데 이런 값의 종류를 자료형이라고 한다. 문자열(string): 문자들이 하나 이상 나열된 것을 문자열이라고 한다. 주의: 따옴표가 문자열 중간에 들어 있을 때 javascript 엔진이 인식하는 문자열의 시작과 끝은 첫 따옴표와 중간 따옴표이다. console.log('문자열 안에 작은따옴표(')가 있어요'); // 색으로 표시된 것 처럼 인식을 저렇게 한다. 숫자(number): 말 그대로 숫자다. 불 값(Boolean) 참(true)과 거짓(false)으로 나누는 것을 Boolean이라고 하는데, Boolean은 따옴표를 감싸지 않고 true와 false로 입력한다. 그 외에 숫자에서의..

javascript 2021.12.18

1-3. 프로그래밍 사고력의 중요성

블로깅이 늦었지만, 다시 돌아보니 난 왜 다 배웠다고 생각하는데 코드를 적으려고 할 때 또는 프로그램을 만들고자 하는데 왜 항상 시작부터 막히고 로직을 구현하지 못할까 하는 자괴감에 빠진적이 있다. 돌아보니 프로그래밍 사고력 즉 알고리즘적 사고가 부족했다. 어떻게해야 이 부족한 점을 채우고 기를 수 있을까? 생각해보니 간단했다. 먼저 계획을하고 생각을 해야했다. "생각" 난 개발하는 지인의 조언을 듣고 막히거나 생각한 프로그램을 만들기 전 딱 2가지를 했다. 구체적인 계획: 먼저 간단한 게임을 만들 때 그 외 프로그램을 구현할 때 쪼개서 생각한다. 예를 들면, 케익을 만드려고 할 때 그냥 만든다가 아니라 구체적인 순서를 정하는 것이다. 준비 할 재료는 무엇인지 과정이 어떻게 구성될지 그리고 크게 순서를 ..

javascript 2021.12.18

1-2. VS Code, Node, git(macOS) 설치

https://code.visualstudio.com/ 해당 링크를 통해 vscode를 설치한다. 2. node 설치 (최신버전)(링크: https://nodejs.org/ko/) 3. Mac OS 환경에서 git 설치하기 homebrew 설치(https://brew.sh/index_ko) homebrew를 이용해서 git 설치하기 $brew install git git config 설정 (git 계정 설정) config를 수정할 때 계정 설정을 할 수 있다. 이 계정 설정을 하게 되면 local 환경에서 git push를 할 때 요구되는 로그인 정보를 생략할 수 있다. $git config --global user.name "kyh" $git config --global user.email "kyh@g..

javascript 2021.12.18