전체 글

Conditionals : 조건문 (if,else)

variable값의 type을 보는 방법 (디폴트: string(문자)이다.) // prompt는 사용자에게 창을 띄울 수 있도록 해준다. const age = prompt("How old are you?"); //variable값의 type을 보고싶으면, typeof를 넣는다. console.log(typeof age); variable값의 type을 변경하는 방법(적용) // prompt는 사용자에게 창을 띄울 수 있도록 해준다. const age = prompt("How old are you?"); // variable값의 type을 보고싶으면, typeof를 넣는다. // parseInt는 string을 number로 바꿔준다. console.log(typeof "15", parseInt("15"..

Function(코드를 캡슐화해서, 실행을 여러번 가능)

Function이란? 계속 반복해서 사용할 수 있는 코드 조각 어떤 코드를 캡슐화해서, 실행을 여러 번 가능하게 해준다. (실행되고 나면) 사라지고, 마지막엔 결과를 남기게 한다. 기본 function sayHello() { // 실행하게 될 코드 블록 console.log("Hello"): } sayHello("Hello") sayHello("Hello") sayHello("Hello") 절차 (1) Function안으로 값이나 데이터를 보내는 방법 function sayHello() { console.log("Hello my name is A"); } sayHello("jiyoung"); sayHello("gyeogmi"); sayHello("junhan"); 콘솔창에는 Hello my name is..

Objects [설명이 필요한 정보가 담긴 데이터 리스트들]

Object 목적: 의미가 있는(설명) property를 가진 데이터를 저장하도록 그룹화해준다. Object 기본 및 결과 const playerName = "nico"; const playerPoints = 121212; const playerHandsome = false; const playerFat = "little bit"; const player = ["nico", 1212, false, "little bit"]; 이 복잡한 나열을 최선의 방법으로 정리하고 싶을 때, 같은 방법 1. console.log(player.name); 2. console.log(player["name"]); Object를 업데이트하고 싶을 때 const player = { name: "nico", points: 10,..

Array [설명이 필요하지 않은 데이터 리스트들]

array 목적: 하나의 variable안에 데이터의 list를 가져오는 것!!! array 기본 console.log추출방법 1. const mon = "mon"; const tue = "tue"; const wed = "wed"; const thu = "thu"; const fri = "fri"; const sat = "sat"; const sun = "sund"; const daysOfWeek = [mon, tue, wed, thu, fri, sat, sun]; console.log(daysOfWeek); 2. const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"]; console.log(daysOfWeek); 위2가지 방법으로 같..

Booleans(true,false,null, undefined)

Boolean이란? : Variable타입의 한 종류 const a = 5 const b = "hello" 변수 a 를 불러오면 숫자 5가 나오게 되고 이 변수의 타입은 Number 라고 하고, 변수 b 를 불러오면 문자 hello 가 나오고, 이 변수의 타입은 String 이라고 한다. 이처럼 변수 값에 숫자도 문자도 아닌 true 혹은 false 값을 정해주고 변수를 불러왔을 때 나오는 값의 타입을 Boolean 이라고 하는 것이다. 1. true =/= "true" : ----> 컴퓨터 1처럼 켜져있음.(On) 2. false =/= "false" : ----> 컴퓨터 0처럼 꺼져있음.(Off) 3. null = 값이 "없음"("비어있어요!") : 변수에 아무것도 없음. null =/= undefi..

Variable을 만드는 방법(const,let,var)

Variable을 만드는 방법 1. const - variable을 통해 코드를 간결하게 (값 can't change.) 상수, 생성 후 바꿀 수 없음 const a = 5; const b = 2; const myName = "jiyoung" console.log(a + b); console.log(a * b); console.log(a / b); console.log("hello " + myName); * const 는 한번 선언된 변수를 중간에 재선언을 통해 수정 할 수 없는 단호박 같은 친구다. 2. let - 새로운 것을 생성할 때 사용함. (값 can change.) 생성할 때 사용, 생성 후에 값을 바꿀 수 있음. 재선언 X, 재할당 O const a = 5; const b = 2; let m..

JavaScript 기본 및 설정

JavaScript를 왜 사용할까? 프론트엔드에서만 가능 액티브한, 반응형 웹페이지를 구현 ex. game, three.js JavaScript 설정 HTML 환경 특성상 코드가 적혀있는 순서대로 쭉 읽어서 내려 오기 때문에, 그 특성을 고려하지 않고 코드를 작성하고 나면 내가 원하는 대로 페이지에 나오지 않을 수 있는 상황이 생길 수 있다. 그래서 JavaScript 파일을 불러올 때는 defer 를 활용해 불러오는 것이 가장 좋은 방법이라고 한다. 실제 기본적인 Setting JS 파일에는 변수를 설정하는 코드를 사용하는 경우가 많은데, 이때, 가장 상단에 'use strict'! 를 선언해 주는 것이 좋다고 한다. 이걸 설정해 주면 내가 지정하지 않은 변수를 사용하게 되면 오류가 발생하기 때문에 비..

[내일배움단4기] 개발자가 되기 위한 숲을 보았던 경험블로그 LIST.

https://velog.io/@yimji20/%EC%BD%94%EB%94%A9%EC%9D%98-%EC%8B%9C%EC%9E%91 11코딩완주챌린지 [0주차] 1일차 부제: 코딩의 시작... 오늘 드디어...내일배움단자격으로 스파르타코딩 웹개발종합반 0주차~1주차 3강까지를 들었다. 프로그램 설치부터 시작해서 계정을 만들고 코딩을 배우기 위한 준비운동과 기초적인 html,css,javasc velog.io https://velog.io/@yimji20/11%EC%9D%BC%EC%BD%94%EB%94%A9%EC%99%84%EC%A3%BC%EC%B1%8C%EB%A6%B0%EC%A7%80-2%EC%9D%BC%EC%B0%A8 11일코딩완주챌린지 [1주차] 2일차 오늘 CSS코드를 여러개 사용하는 걸 배워서 그런..