STUDY

변수의 선언과 할당에 대해서 설명하고 코드로 작성할 수 있어야 한다.표현문이 값으로 변환되어서 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다.변수(variable)는 '상황에 따라 변할 수 있는 값'을 말하고 '이름(Label)이 붙은 값'을 의미한다. 즉, 변

HTML(HyperText Markup Language) 웹페이지의 내용(content)과 구조(structure)를 담당하며 HTML 태그(tag; 이 안에 내용을 쓴다)를 통해 문서와 데이터의 구조를 명기하는 언어를 말한다. HyperText는 문자 그대로 텍스트

- 함수가 "작은 기능의 단위"라는 것을 이해할 수 있어야 한다. 함수가 선언되어 변수에 담기는 과정을 설명할 수 있어야 한다. 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다. 괄호 내에 인자를 넣어서 함수로 전달하여 실행시킬 수 있다. 함수의

- div, span 이 무엇이고, 차이는 무엇인지 알고 있다. ul, ol, li 가 무엇이고, 언제 사용해야 하는지 알고 있다. input type을 설정하여 다양한 종류의 input을 활용할 수 있다. HTML을 class, id로 semantic 하게 분류하

truthy와 falsy가 조건문에서 작동하는 방식을 이해할 수 있다.논리 연산자에 대해 이해할 수 있다.if 와 else if , else를 이해하고 무리없이 활용할 수 있다.복잡한 조건문을 활용하여 실생활에서 쉽게 마주할 수 있는 문제를 해결할 알고리즘을 짤 수 있

문자열 활용 불 대수 일상적인 논리를 수학적으로 표현한 것 일반 수학의 값은 숫자이지만 불 대수의 값은 진리값이다. (진리값= True or False) 일반 수학의 연산은 사칙연산이지만 불 대수의 연산은 and or not 3가지 연산이다. 불 대수를 정확히 하려

할당연산자

함수의 실행 순서를 잘 알고 있어야 조금 더 자유롭게 활용을 할 수 있다. 함수는 선언하고 끝나는 것이 아니라 호출을 했을 때 실행이 되기 때문에 실행의 순서를 알고 있어야한다. 1번부터 3번까지는 sayHello라는 함수를 정의하는 줄로, 정의한다고 바로 실행되는 것

return문 이해하기 1. 어떤 값을 되돌려주는 output의 역할 2. 함수의 실행을 중단하는 역할 함수 내부에서 return키워드가 나오면 그 함수는 중단된다.

범위, 영역을 뜻한다. 변수를 만들고 값을 할당하면 어디서든 그 변수 이름으로 할당된 값을 가져올 수 있었다. 그런데 사실 변수에는 유효한 범위가 있어서 그 범위를 벗어나면 오류가 발생하게 된다. 변수의 유효범위에 대해서 살펴보자. 이 경우 잘 실행된다. 이번에는 같은

절대 변하지 않고 항상 일정한 값을 상수라고 부른다. 처음 let radius;에서 변수만 선언해주고 값을 할당해주지 않은 변수는 undefined값을 가진다. 반대로 반지름이 처음에는 빈값이라는 것을 명시적으로 표현하려면 null을 할당해주면 된다. 한가지 팁으로 변

그동안 공부한 코드는 작성한 순서에 따라서 실행했었다. if문은 어떤 특별한 조건에 따라서 코드를 실행할지 말지를 결정할 수 있는 문법이다. 조건을 충족하지 못하면 실행하지 않을 수도 있다. 기본 형태는 아래와 같다. 예를 들어서 조금 더 사용해보자. 만약 let te

switch문 (switch statement) 어떤 대상과 조건값이 일치하는지를 확인하고 그 결과에 따라 다른 동작이 필요할때는 switch문을 활용할 수 있다. 예시를 보고 switch문을 직접 작성해보자. 선택지를 담아둘 변수를 하나 만들고(let myChoi

''나 ""를 사용하여 문자열을 구분할 수 있고 배열과는 다르게 새로 할당하지 않는 한 read-only이다. 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다.문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length문자열의 글자

반복문 (loop statement) for문 1. 기본 형태와 동작 원리 조건부분이 충족되면 동작부분이 계속 반복해서 실행된다. 동작원리: for문이 시작되면 가장먼저 초기화부분인 'let i = 1;'이 실행되면서 변수 i가 선언된다. 그리고 나면 조건부분인 '

객체의 기본 형태 여러가지 값을 한번에 저장하고 싶을 때 사용 myName, bornYear, isVeryNice 는 값 이름 (key) 으로 문자열(string)만 사용할 수 있다. 원래는 ''로 묶어야하지만 '' 없이도 객체에서 문자열로 인식한다. key 이름을

**터미널에서 CLI를 사용하는 것이 GUI로 작동하는 것과 차이가 없음을 이해할 수 있다. 기본적인 unix/linux 명령어를 사용할 수 있다 ls cd mkdir rm pwd touch cat mv cp 명령어를 사용할 때, 현재 내가 위치한 디렉토리를 파악할 수

Closure의 의미와 Closure가 가지는 Scope Chain을 이해할 수 있다Closure의 유용하게 쓰이는 몇 가지 코딩 패턴을 이해할 수 있다외부 함수의 변수에 접근할 수 있는 내부 함수를 말한다. 또는 이러한 작동 원리를 일컫는 용어이다. 클로저 함수 안에

🚩 객체지향 (Object oriented JS) 하나의 모델이 되는 청사진(blueprint> class)을 만들고 그 청사진을 바탕으로 한 객체(Object> instance:그냥 객체와 구분하기 위한 것, 청사진에 기반한 객체)를 만드는 프로그래밍 패턴 🔷

div는 한 줄을 다 차지한다(block)span은 콘텐츠 크기만큼 자리를 차지한다(Inline)이미지 파일이 꼭 html, css파일과 한 폴더 안에 들어가있어야 한다a 태그 이용시 blank해주지 않으면 그 페이지에서 바로 네이버가 열린다 ul(unordered l

일급 객체(first-class citizen)의 세 가지 특징을 설명할 수 있다.고차 함수(higher-order function)에 대해 설명할 수 있다.추상화(abstraction)에 대해 설명할 수 있다.추상화의 관점에서 고차 함수가 갖는 이점에 대해 설명할 수

쉽게 말해서 '메모리 테이블' execution context는 함수 단위로 생기고 block에서는 생기지 않는다.function scope마다 메모리테이블이 생긴다. 실행시에 생긴다(어떤 함수가 호출되면, execution context가 만들어진다). call st

callback review 다른 함수(A)의 전달인자(argument)로 넘겨주는 함수(B) parameter를 넘겨받는 함수(A)는 callback 함수(B)를 필요에 따라 즉시 실행(synchronously: 동시에 일어나게)할 수도 있고, 아니면 나중에(asyn

API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스) 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. API는 프로그램과 또 다른 프로그

함수를 실행하는 다양한 방법 function(method) 호출 new 키워드를 이용한 호출 함수 메소드 .call .apply를 이용 Function.prototype.apply() Function.prototype.bind() Function.protot

서버와 클라이언트 날씨어플을 만든다고 가정해보자. 날씨를 우리가 매번 조사할수는 없다. 기상청에서 보내주는 데이터를 서버에서 저장하고, 우리는 그것을 서버에 접속해서 받아오기만 하면 된다. 날씨를 제공하는 서버가 있어야하는데, 그 서버에 접속하는(요청하는) 주체가 '클

코딩 작업을 하다보면 vscode를 당연히 사용하게 된다. 이때 단축키를 알면 작업을 훨씬 효율적으로 할 수 있다. 단축키를 아는 것이 필수는 아니지만! 한번 알게되면 "와 이런게 있단 말이야!??"라는 신세계를 경험하게 됨! 물론 처음 보면 신기한건 신기한거고 효율적

재귀(recursion) 어떤 문제를 해결할 때, 구조는 동일하지만 더 작은 경우를 해결함으로써 그 문제를 해결하는 방법을 재귀(recursion)라고 한다. 함수를 자바스크립트 코드로 구현하다가, 실행과정 중에 자기 자신을 호출하기도 하는데 이러한 호출 방식을 재귀

Command Line에 대해 배우고 나서 git과 git hub를 처음 접했다. 터미널(나는 우분투 사용자다)을 열고 작업을 하면 뭔가 개발자답고 멋지다는 말을 우스갯소리로 동기들이 했는데 그때 나는 'command line은 무엇이고 git은 또 뭐냐'할 정도로 당

Data Structure Intro 이론적인 영역 자료(Data) "문자, 숫자, 소리, 그림, 영상, 단어 등의 형태로 된 의미 단위이다. 자료를 의미있게 정리하면 정보가 된다." > 어지간한 것은 다 정보가 될 수 있다. 컴퓨터의 언어 명령 데이터 딱 2가지

🕯Stack 1. Stack 뜻은 '더미' 쌓여있는 접시 더미와 같이 작동한다. 새로운 접시가 쌓일 때도 맨 위에서 쌓이고, 접시를 가져갈 때도 맨 위에서 가지고 가는 것과 같다. (LIFO: last in, first out -후입선출), 샌드위치 예 (Push

지금까지는 자바스크립트로 코드를 작성해보고, HTML과 CSS, 그리고 아직도 완벽하게 이해하지 못한 DOM 조작으로 웹페이지를 나름 구색을 갖추어서 흉내내는 작업을 했다. 그런데 이제 이머시브 과정에서는 서버(server)와 통신해서 진짜 애플리케이션을 만들어본다고

오늘부터는 리액트(React)를 공부한다! 프론트엔드에 관심이 많이 생기고 있었는데 벌써부터 기대가 된다. 리액트에 대해서 예전 페어분이 스치듯 언급하신 적이 있다. 코스에 합류하기 전에 여러 프로젝트를 이미 진행하셨고 재미있는 결과물을 많이 만들었던 분이었다. 솔직히

이번 주부터 시작하는 스프린트를 이해하지 못하면 다음 일정에 지장이 생긴다는 말에 바짝 정신을 차리게 된다. 이전에 이미 해당 내용에 대해 정리한 바 있지만 나의 머리는 이미 그 기억들을 다 날려버렸을 뿐이고오(...) 다시 이해하기 쉽도록 이미지 파일과 코드를 덧붙여