자바스크립트

백틱 보통 따옴표. 쌍따옴표로 '과자' 하면 과자가 출력됩니다. "과자" 를 해도 여전히 과자가 출력됩니다. 그러나 "과자'로 표현하면 출력이 되지 않습니다. 오류가 나는데 문법에 맞지 않기 때문입니다. 그래서 문자열 표현을 위해서는 짝을 맞춰서 표현해야 합니다. 그러면 따옴표와 백틱은 뭘까? 저도 그냥 간단하게 알고 있습니다만 따옴표는 엔터를 치기가...

1 + 2 = ? 1 더하기 2는 뭘까요? 3이죠. 그러면 따옴표가 들어간 '1 + 2'는 뭘까요? 1 + 2로 표현이 됩니다. 네 그냥 문자열로 그대로 표현이 됩니다. 바나나 + 사과 를 적으면 오류가 납니다. 문자열인지 컴퓨터가 보기에는 구분이 어렵기 때문입니다. '바나나' + '사과'를 해야 바나나사과가 됩니다. 띄어쓰기도 가능합니다. 바나...

숫자 5를 입력하면 5가 나옵니다. 0.3을 입력하면 0.3이 나옵니다. 50000을 입력하면 50000이 나옵니다. 5e4를 입력하면 뭐가 나올까요? 2진법으로 출력해서 50000이 나옵니다. 진법 0b를 붙이면 2진법, 0을 붙이면 8진법, 0x 붙이면 16진법입니다. 0b1111은 15가 나오고 0241은 161 0x1e8은 488이 나옵니...

null과 undefined는 비어있는 값입니다. 아무것도 없다, 비어있다는 걸 말합니다. undefined 이런 내용을 쳐주면 돌려주는 값이 없어서 undefined로 반환합니다. console.log는 그냥 콘솔에 출력되는 거지 출력으로 돌려받진 않기 때문에 undefined로 반환합니다. undefined로 비교하는 내용은 false인 애들처럼 ...

Array가 없을 때 이렇게 적으면 이렇게 나옵니다. string만 합쳤기 때문에 문자열이 한번에 합쳐져 버리는데요. 대괄호에 넣어서 표현을 한번 해볼게요. 이렇게 하고 출력을 하면 Array로

설명이 필요하지 않은 데이터 리스트들은 array로 설명이 필요한 정보가 담긴 데이터 리스트들은 object로 일단 위의 내용처럼 알아두는 게 편하다고 여겨집니다. const playerName = "Greaves"; const playerPoints = 522;

if입니다. 선언 const condition = true; 위와 같은 const 선언에는 true를 선언하거나 false를 선언할 수 있습니다. if (condition) { console.log("Hello, if"); } condition에는 true, f

과일 true, false 선언 const를 false로 선언합니다. (현재 condition이 false입니다. 그래야 else가 작동) fruit이 banana가 true면 banana로 선언, 그렇지 않다면, false이면 grape로 선언합니다. console

function은 반복해 사용할 수 있는 코드 조각입니다. 어떤 이름이든 Hello를 만들어 주는 function을 만들 겁니다. console.log("Hello, My name is Bully"); console.log("Hello, My name is Daley

삼항 연산자 (조건부 연산자) if문과 switch문 외에도 쓰는 게 있는데 삼항연산자라 합니다. 삼항 연산자나 조건부 연산자나 같은 겁니다. 조건식 ? 참일때 실행 식 : 거짓일 때 실행 식 처럼 작성하면 됩니다. 5 > 0 ? '참입니다' : '거짓입니다'; 으

while (조건식) 동작문;이 있고while (조건식) { 동작문 1; 동작문 2; 동작문 3;}이 있는데요.while (true) { console.log('Hello, while');};위와 같이 실수로 무한 반복문을 실행하면 먹통이 되는 경우가 있는데

기본 형식 for (시작; 조건식; 종료식) 동작문; 시작 -> 조건식(참인 경우) -> 동작문 실행 -> 종료식 실행 조건식 -> 동작문 -> 종료식 반복 for문과 while문 비교 for (let i = 0; i < 100; i++) { console.log

break 1부터 100까지 찍다가 "50 되었으니 멈춰야겠다" 인 상황도 있거든요. 그래서 중간에 break를 쓰면 반복문을 멈출 수 있습니다. while문 let i = 0; // i가 0입니다 while (true) { if (i === 5) break; //

중첩 반복문(이중 반복문) 사용하기 for문 두개 사용하기 i로 보통 사용하고 그다음은 j를 사용합니다. 반복문이 중첩되면 많이 어려워지는데요. 메모장을 많이 켜시거나 노트에 많이 적어서 익숙해져야 합니다.

객체의 유형 객체(object)는 자료형의 일종으로 다양한 값을 모아둔 값입니다. 이 객체의 종류는 배열(array), 함수(function), 배열이나 함수가 아닌 객체로 나눌수 있습니다. 배열 이렇게 하나하나 작성해야 하는데 배열은 그냥 한번에 묶을 수 있습니

pop(추가) / push(제거) (맨 끝 부분) pop을 쓰면 맨 끝 부분을 지울 수 있습니다. push를 쓰면 마지막 부분을 새로 넣을 수 있습니다. unshift(추가) / shift(제거) (맨 앞 부분) shift로 제거가 가능합니다. shift를 쓰

배열에서 중간꺼를 빼는 방법은 splice를 사용하면 됩니다. splice 사용해보기 그러면 이렇게 3개가 남습니다. splice 사용해보기 2 다른문자도 넣어보는 코드를 적어볼게요. 그러면 '나', '다', '라'가 지워지고 '타', '파'가 추가됩니다.

함수의 기본 함수는 function입니다. 예약어로 사용하려는 건 arrow function입니다. => 로 사용되기도 합니다. 이렇게 두가지 방법을 사용합니다. 함수에 이름이 없기 때문에 이름을 붙여주고 사용해야 합니다. 함수 선언문 함수 선언문 : funct

선언, parameter, 매개변수 이 예제를 이해하려면 함수 a를 호출 시 소괄호에 넣은 'argument' 문자열이 어떻게 사용되는지를 파악해야 합니다. 이 문자열은 함수 a를 선언할 때 소괄호에 넣은 parameter와 연결됩니다. 따라서 parameter는

배열과 객체(object)의 차이 배열은 이렇게 하나에 묶을 수 있지만 apple, orange, strawberry를 0, 1, 2로 인덱스만 있으며 단순하게 여러 값들을 하나로 묶어 놓은 걸 말합니다. 객체는 이렇게 이름까지 속성을 넣으면서 내용까지 넣는 걸

객체끼리 서로 비교하면 false객체끼리 서로 비교하려면 변수안에 변수안에 저장을 하고 비교해야 합니다.이런 식으로 const에 저장을 하고 console.log로 a === array2 비교를 합니다.그러면 true가 나옵니다.그 이유는 a = 'potato'입니다.

절차 프로그램을 만들 때 절차라는게 있습니다. 출시 전에 프로그램을 만들고 출시 후에는 일반 이용자들이 사용합니다. 출시 후 일반 이용자들이 사용할 때에는 절차를 늘리거나 줄일 수 없습니다. 최대한 모든 가능성을 고려해야 합니다. 3명의 절차 세 명의 참가자가 있습

처음부터 작성하기 일단 파일을 새로 만들고, 저장해서 practice.html로 저장합니다. 저장을 하면 doc를 작성하고 tab을 눌러줍니다. 그러면 html 문법이 자동완성이 됩니다. html lang="ko"로 바꿔줍니다. title을 document에서 끝말잇

끝말잇기도 순서가 있는데 시작하는 부분부터 하도록 하겠습니다.사람이 한명일 때, 여러명일 때, 맞췄을 때, 틀렸을 때를 고려해서 순서도를 토대로 만들어야 합니다.prompt : 함수는 사용자로부터 값을 전달 받는다.alert : 사용자에게 경고 메시지를 표시한다.con

document.querySelector (선택자) html을 자바스크립트로 조작하려면 선택자로 작동시켜야 합니다. 브라우저 제공하는 객체인 document에서 querySelector라는 메서드가 있고 ('선택자')를 넣습니다. querySelector안에 문자

addEventListener 첫번째로 querySelect로 input에 입력하겠다고 선택, addEventListener를 만들어 function 함수를 생성하고 console.log로 '글자 입력'을 만들면 어떤 숫자, 텍스트를 치든 입력한 값의 갯수, 기록을

순서도 첫번째 사람이 제시어를 말한다에서 이 사람이 첫번째 사람인지?, 그리고 어떤 제시어를 말했는지? 를 파악해야 합니다. 절차는 최대한 잘개 쪼갤수록 좋습니다. 그래서 첫번째 사항에서 수정사항이 발견 되었으면 수정을 해야합니다. 순서도 수정 1 네모 버튼이

올바른 단어 판단하기 첫번째 단어가 자바이면 자바는 word에 들어 있고 두번째 단어가 바보이면 바보는 newWord에 들어 있겠죠. 이걸 올바른지 아닌지 판단하려면 if를 써서 해야합니다. 첫 제시어의 끝 글자, 두번째 제시어의 첫 글자가 같으면 올바르고 그렇지

오류 표시하기 올바르지 않은 경우 alert 함수를 씁니다. 나중에 가면 alert을 안쓰고 화면에다가 글자 적는 경우도 있습니다. 포커스 넣기 시작할 때 자동으로 입력하기 좋게 커서를 활성화 하는 방법입니다. 를 넣어주면 됩니다. 세군데 넣을 건데요. 처음은 저곳에 넣고 두번째는 아래쪽에 마지막으로 포커스는 올바르지 않은 else 보다는 위에...

순서도 코드 최적화하기 중복된 부분이 좀 많습니다. 그래서 코드를 줄이도록 최적화해야 합니다. 순서도상에서는 중복이 아닌데 중복인 이유 순서도 상에서는 중복이 아니지만 순서도 흐르는 방향 중에 입력된 단어가 제시어가 된다, 다음 사람에게 순서를 넘긴다, 입력창을

007

계산기의 순서 계산기에는 사칙연산이 있죠. 사칙연산 할 수 있는 계산기를 만들어 보겠습니다. 계산기 순서도 처음 그려본 순서도 처음 순서도 구체화 된 순서도 버튼과 변수 저장, 대기는 자바스크립트의 특성을 반영한 순서도입니다. 중간 중간에 멈추는 것들을 구별

중복 제거하기 코드를 짜면서 반복작업을 하는 경우가 있습니다. 이런식으로 코드가 중복이 있는 경우인데요. 중복되는 부분은 함수로 만들고 달라지는 부분은 매개변수로 만들면 됩니다. 이런식으로 (number)를 넣어서 매개변수로 넣어줍니다. 이제 이걸 변수로 빼줘야

event event는 브라우저가 넣어주는 겁니다. 예를 들어서 여기서 event가 갑자기 어디서 생기냐는 겁니다. 그러니까 addEventListener를 'click'하면 a함수가 실행이 됩니다. 그러면 이 a라는 함수는 누가 실행을 해주냐?는 겁니다. 이

계산기 숫자 수정 현재 3 + 4 누르면 34로 출력되는 현상이 있습니다. 그래서 이걸 고쳐야 하는데요. 이런 식으로 코드를 수정합니다. if문 안에 if문을 넣었는데요. 이걸 더 줄이는 방법이 있습니다. if 중첩문 줄이기 위의 코드를 if중첩문을 더 줄여보면 이렇게 줄여질 수 있습니다. 숙제 1 이걸 줄여보세요. 숙제입니다. 숙제 2 줄여...

최근 일을 하게 되어 다시 글을 쓰게 됩니다.일 구하기 전엔 포스팅을 조금 못했습니다. 너무 덥기도 했었는데태풍이 아주 매서운 열풍을 가져간 것 같네요. 요즘은 그나마 덜한 더위입니다.본론으로 들어가 책을 읽고 공부하는 포스팅을 시작하려고 합니다.물론 이 교과서 책을

오늘도 책공부 시작입니다. 31p - 60p 변수가 필요한 이유 10 + 20 = 30이라는 식이 있을 때 10, 20, 30, +, =이 필요하며 10 + 20의 표현식도 알아야 합니다. 컴퓨터는 메모리를 사용해 기억하는데 1byte를 단위로 저장하거나 읽습니다.

글 작성한거 날라갔네요 왜 날라갔지... 의욕 상실...다시 써봅니다. 간략하게 쓰고 넘어갈 거 같네요.쓰다가 졸다 잘 것 같습니다...원시 타입이 있고 객체 타입이 있습니다.원시 타입은 숫자, 문자, 불리언, undefined, null, symbol이 있습니다.객체

8장 제어문부터 시작합니다. if else 주어진 조건으로 결과에 따라 실행을 결정합니다. 조건을 더 늘리려면 else if를 쓰면 됩니다. if, else는 딱 한번만 쓸 수 있으며, else if는 여러번 사용이 가능합니다. if else는 삼항연산자로 바꿔

contains, classList, className, toggle

여기서 age는 a로도 바꿔 사용할 수 있습니다그래서가 가능합니다.const user = { name: 'Mike',}

값이 있으면 그걸 사용하고 값이 없으면 값을 변경하고 싶을 때null 병합 할당 연산자를 사용할 수 있습니다.위의 코드를 줄일 수 있습니다.