자바스크립트 독학

자바스크립트는 객체(오브젝트) 기반의 스크립트 언어이다. 웹의 동작을 구현할 수 있다. 자바스크립트는 HTML의 ‘내용’을 변경할 수 있다.자바스크립트는 HTML의 ‘속성’을 변경할 수 있다.자바스크립트는 HTML의 ‘스타일’을 변경할 수 있다. 자바스크립트의 실행문은

함수라는 건? 어떤 특정 기능을 하는 코드 덩어리예1) function sample() { console.log('ㅋㅋㅋㅋ'); } 코드해석: function이라는 키워드로 선언을 하고, 한칸띄고 함수 이름을 적어주는데 이건 마음대로 적어도 된다. 그다음 ()괄

<div style="margin:0;padding:0;word-break:normal;text-align:right;color:#aaa;font-family:Consolas, 'Liberation

let value = true;alert(typeof value); // boolean 이라는 값이 나옴 원래는 boolean 이라는 값인데value= String(value); // String 을 적음으로써 value 라는 문자열로 바뀌고alert(typeof va

자바스크립트 형변환 / 이미지 첨부 / for문 / while문

코드해석 : item 은 아무거나 지어줄 수 있는 이름이다. 파라미터라고 하며, 함수가 외부 데이터를 받아서 내부에서 처리할 때 사용할 이름을 파라미터라고 한다. 우선 반복문을 사용할려면 내부에 데이터가 여러개가 있어야되는데, 하나의 변수에 여러개의 데이터를 가지기 위

\-학점계산기결과는 'A'코드해석: 위에서부터 내려오고 왼쪽에서 오른쪽으로 읽는다.first는 ture라서 '첫번째 조건 충족!' 이라는 결과가 나오고second는 false라서 '두 번째 조건은 불충족!' 이라는 결과가 나온다. 이런식으로 if문(조건문) 안에 또 다

시맨틱 태그 태그는 특정한 액션을 위해서 예) 로그인/가입/퀴즈풀기 등등... 태그는 어디론가 이동할 때 (링크) 보다 CSS Flex, Grid를 이용하여 스타일링을 해주는 것이 좋다. 조건부 연산자 (삼항 연산자) 조건부 연산자의 기본 형식 조건식 ? 참일

break문 반복문을 중간에 멈춰야하는 경우. 반복문으로 값을 하나씩 찾다가 값을 찾으면 반복문을 멈추는 코드해석: 예제의 반복문은 배운대로라면 while (true)이기 때문에 무한히 반복됩니다. 하지만 여기에 break문이 들어 있다는 점을 주목해야 합니다. i

정사각형 별찍기코드해석: 밖에 for이 먼저 실행되고 0인 상태로 안쪽 for문으로 이동한다. 그리고 j가 4(0,1,2,3,4 즉 5)가 될때까지 늘어난다. 다섯개에 별이 찍히면 다시 맨 위에 for문으로 가서 줄이 하나 생겨나고 이 과정을 반복한다. 삼각형 별찍기코

잠깐!✋🏻css 강의

코드해석:coworkers에 들어있는 인수를 모두 다 가져오고 싶다면 반변수를 만들고 반복문 while을 만들어 주고 i의 값은 1씩 늘어난다고 하면 while은 0,1,2,3이 되며 마지막에 coworkersi를 만들어주면 모든 인덱스 즉 모든 coworkers의 이

지금까지 배웠던 것중에 정보양이 많아졌을 때 서로 연관된 정보를 정리정돈 하기 위해서 만들었던 도구는 '배열'입니다. 그리고 배열이라고 하는 도구는 순서에 따라서 정보를 정리정돈 한다는 특징이 있었습니다.즉. 정보를 담는 그릇이면서 정보가 순서대로 정돈된다는 것입니다.

이번시간에는 열어놨던 문을 닫아놓는 시간입니다. 객체의 소비자가 아니라 생성자가 되어봅시다.객체는 객체의 프로퍼티와 프로퍼티를 구분할 때 , 를 찍습니다.우리가 지금까지 사용해왔던 document.querySeletor('body')에서 document는 알고보니 객체

다양한 값을 나열하는 경우를 생각해봅시다. 과일을 나열한다고 하면 다음과 같이 변수를 선언합니다.과일 종류가 매우 많기 때문에 모든 과일에 변수 이름을 붙이는 것은 고통스러운 일입니다. 이런경우 배열을 사용해 값들을 하나로 묶을 수 있습니다.네 개의 과일을 fruits

다시 시작한 공부 📖자바스크립트를 공부해보자!오늘의 강의 ☝🏻 querySelector - 맨 처음 하나만 가져온다.querySelectorAll - 모두 다 가져온다.id가 여러개 있는 코드는 잘못한 코딩이다.a 태그 안에있는 href 링크를 가져오고 싶다면lin

오늘은 자바스크립트 강의를 보면서 공부! 📖

(1) 과 이어서 자바스크립트 공부 시작! 📖참고영상: 제로초 ES2021 자바스크립트 강좌 유튜브이 둘은 빈 값(비어있음을 의미)을 표현한다는 공통점이 있지만, 차이점도 있습니다.undefinedconsole.log로 출력하면 항상 부수적으로 undefined가 식

오늘도 화이팅! 안되는 건 없다! ✊🏻참조: 제로초 ES2021 자바스크립트 강좌 유튜브if문과 switch문 외에도 분기에 사용하는 식이 있습니다. 조건부 연산자 또는 삼항 연산자라고 합니다.조건부 연산자의 기본 형식조건부 연산자는 문이 아니라 식이기 때문에 결괏값

오늘도 화이팅! 아자! 이해할 수 있다! 💻참조: 제로초 ES2021 자바스크립트 강좌 유튜브간단한 반복문으로는 while문이 있습니다.while문의 기본 형식if문과 같은 이유로 동작문이 하나더라도 중괄호로 묶어주는 것을 추천합니다.기본 형식&lt;코드 예제>tru

오늘도 힘내서 화이팅! 할 수 있다! ✏️참조: 제로초 ES2021 자바스크립트 강좌 유튜브반복문 안에 반복문이 들어 있는 경우인데, 이를 '반복문이 중첩됐다'라고 표현합니다. 정말 심할 경우 4번까지도 중첩되어있는 경우가 있습니다.밖에 반복문이 시작하고 안에 반복문이

함수부터 듣기 시작합니다. 할 수 있다!참조: 제로초 ES2021 자바스크립트 강좌프로그래밍에서 함수(function)는 일정한 동작을 수행하는 코드를 의미합니다. 함수를 미리 만들어두고 원할 때 실행해 정해진 동작을 수행하게 할 수 있습니다. 함수를 만들 때 보통 f

이해가 되지 않는 객체를 다른 강의로 들어보겠습니다.참조: 수코딩 자바스크립트 강좌 유튜브자바스크립트 자료형중에 하나인 객체에 대해서 배워보도록 하겠습니다. 객체는 배열과 함께 참조자료형에 속하는 자료형인데. 하나의 데이터 형태에 여러개의 데이터를 표현하기 위해서 사용

오늘도 화이테에에에엥!!!!!!! 참조: 수코딩 자바스크립트 강좌 유튜브함수를 조금 더 깊게 배워보는 시간을 가져보겠습니다.위에 코드는 frintBanana라는 함수가 선언되어져있고, 이 함수를 printBanana();이렇게 호출하게 되면 콘솔창에 Banana라는 문

오늘도 천천히 천천히 이해하자! 아자!참조: 제로초 ES2021 자바스크립트 강좌 유튜브prompt 함수로 입력받았다면 이번엔 입력창 (input 태그)으로 입력받겠습니다. 다만, 입력창은 HTML태그이므로 자바스크립트에서 이 입력창을 가져와야 합니다.보통 자바스크립트

오늘도 화이팅!! 참조: 제로초 ES2021 자바스크립트 유튜브끝말잇기순서도를 그려서 전체적인 코드의 실행순서를 알아봅니다.순서도를 잘게잘게 쪼개는 방법을 연습을 많이 해야한다. 절차적으로 생각해야한다. 연습을 많이 많이 하고 스스로 생각을 많이 해봐야한다. 순서도 그

이해안가는 부분이 있어서 더 쉬운 강의를 찾았다.참조: 수코딩 자바스크립트 기초 강좌 유튜브var는 이렇게가 가능합니다.num을 선언했는데, 또 num을 선언해줄 수가 있습니다.let은 이렇게가 가능합니다.num을 선언하고, 그안의 값을 변경하는 것이 가능합니다.con

잘 모르는 것도 천천히 하면 할 수 있다! 아자!참조: 드림코딩 by 엘리 자바스크립트 강좌 유튜브자바스크립트는 동기적인 아이입니다. 바로 호이스팅이 된 이후부터 코드가 우리가 작성한 순서에 맞춰서 하나하나씩 동기적으로 실행된다는 말입니다. 자, 그럼 여기서 호이스팅이

Replit 으로 문제 풀어보며 강의도 같이 듣기다시 기초강의부터 시작하는... 아자!이렇게 치면 콘솔창에 'kimel'이라고 뜬다.console.log 는 자바스크립트에 가장 대표적인 디버깅입니다. 쉽게 얘기하면 출력입니다. 어떤 값을 눈에 보이도록 화면에 나타내는

오늘도 화이팅! 강의 보면서 Replit 문제 풀기변수는 데이터를 담을 수 있는 대상을 말합니다. 특정한 값을 담아서 사용할 수 있는 것 그것을 변수라고 부릅니다. 어떻게 사용하는지 직접 보면서 이해를 해보도록 하겠습니다.myNumber라는 변수에 숫자 100이라는 값

wecode 강의를 보면서 정리하기! 자바스크립트 조건문을 들어가기전 우리는 Boolean 타입에 대해서 알아볼 필요가 있습니다. true 와 false를 어떻게 사용하는지 좀 더 자세히 알아보겠습니다.boolean 타입과 string 타입 true/false 의 결과

모르는 문제 많이 보고 많이 물어보기코드해석:result.filter((x, index) => result.indexOf(x) === index이렇게 쓰면 중복 제거가 된다는 걸 암기하자.시장을 봐왔는데 바구니를 보니 곰팡이가 피어있습니다.바구니에서 곰팡이를 제거하는

오늘도 강의 들으면서 화이팅

반복문 화이테에에에에에에엥!!!!!!!!!!콘솔에 'Hello wecode!' 10번 출력하기이렇게 하는게 첫번째 방법입니다. 하지만 이게 1억번 출력을 하라고 되어있으면 방법자체가 버겁게 느껴질 것 입니다.두번째 방법은 'Hello wecode!'를 콘솔에 출력하는

반복문! 반복문! 화이팅! 반복문과 배열 응용된 자바스크립트 반복문에 대해서 공부해보도록 하겠습니다. for문을 다시 한번 더 짚어보겠습니다. > 이 문법을 이용해서 콘솔에 1부터 10까지 1씩 더해가면 출력하는 코드를 반복문으로 작성해보도록 하겠습니다. 반복문을

Math와 random에 대해서 배워봅시다.참조: 제로초 자바스크립트 강좌 유튜브숫자를 뽑는 절차는 사실 여러 절차로 구성되어 있습니다. 먼저 네 개의 숫자를 저장할 자리를 마련해야 하고, 무작위로 숫자를 하나씩 뽑아 저장하는 절차를 네 번 반복해야 합니다. 여기서 중

책 보고 공부한 내용들 까먹을 것 같은거 적어두기

객체 모르는 부분...!accessObject 함수를 작성해주세요.myStorage 객체의 속성에 접근하여 glove box 프로퍼티의 값을 변수 gloveBoxContents에 대입해주세요.함수의 리턴값은 glove box 프로퍼티의 값이 되어야 합니다.이해가 잘 안

"꿈은 도망가지 않는다. 도망가는 것은 언제나 나 자신이다"참조: 모던 자바스크립트 입문eval함수는 문자열 단 하나만을 인수로 받아서 자바스크립트 코드로 해석합니다.예를 살펴보겠습니다.이 코드는 다음 코드와 같습니다. 다음처럼 문자열로 함수 선언문을 넘겨서 함수를 정

이해안가는 점 정리해보기map 메서드란? 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환하는 메서드이다. for of 문이나 forEach처럼 배열 내 요소들을 반복하는 반복문의 한 종류인데, 조금 독특한 부분은 매 반복마다 r

레플릿 문제들 중 모르겠는 문제들을 처음부터 코드리뷰 해보며 정리하는 시간을 가져보겠습니다.함수란? 하나의 특정한 작업을 수행하도록 설계된 독립적인 블록입니다.변수에 이름이 있듯이, 함수도 이름이 있습니다. 함수 이름을 부르면 함수 내에 있는 코드가 실행됩니다. 함수를

모르는거 정리해서 다 적기이제는 조금 심화된 함수를 배울 시간입니다. 먼저 기본적인 함수를 만들어보겠습니다.반드시 코드를 작성하면서 따라와주세요!아래는 alertSuccess 이름을 가진 함수의 정의입니다. 로그인이 잘 됐으면, "로그인 성공!" 이라는 alert를 띄

14.Function(함수) - 데이터 반환하기(2) 여태까지는 데이터를 받는 함수에 대해 알아보았습니다. 이번 시간에는 return(리턴,반환) 해주는 함수에 대해 알아보겠습니다. 14-1. return 함수 정의 return이라는 것은 함수를 호출했을 때, 함수가

오늘도 반성하며 코드 한 글자 한 글자씩 리뷰를 해보겠다.오늘은 2주간의 Pre-course가 끝나고 중간 시험을 보는 날이었다. 1시간동안 총 5가지 문제를 풀어야했다.작성한 코드여기서도 쉽게 풀 수 있을 줄 알았지만 오산이었다. 그냥 (num % 2) 만 적어놓고