유닛 진행!

여느때와 같은 아침이었지만 내 코딩은 여느때와 달랐다. Js를 조금 쉬었어서일까 나의 뇌는 일 하지 않았다. 아침을 먹지않아 뇌가 돌아가지 않았다는 핑개도 댈 수 없었다. 난 천제인데 이정도에서 시련을 맞는다는것이 슬펐다. 페어분이 힌트도 주시고 내가 아는것을 잘 이끌

Mac 터미널을 쓴다는 가정에 쓴 문서 입니다.오늘 난 또 다른 색다르고 재미난 것을 마주했다. 바로 CLI이다. 간단한 소감은 마치 내가 전문가의 영역에 들어온듯한 느낌! 이었다. 명령어로 이동하고 파일을 찾고 움직이는것이 마우스 움직이는 것도 귀찮아 하는 내게 잘

배열 === 귀엽게 생긴 아이이다. .\_. 이모티콘 처럼 만들면 더 귀여워 진다. 하지만 배열의 매력은 귀여운게 다가 아니다. 배열은 귀여운 만큼 많은 곳에서 쓰이고 있었고 나는 배열을 인지하고 활용할 줄 알아야 했다. 배열은 순서가 있는 값이다. 순서는 인덱스(i

백문이 불여일견! 한번 보자! 이런것이다! BackrRutine에 {Dead: '20min', LetPull: '10min', Row: '20min'} 이 객체이다. 여기서 Dead는 키(key)라 부르고 '20'은 값(value)이다. 키,값 사이는 :으로 구분

사이트에서 원하는 조건에 맞게 형식을 맞춰 입력해야 하는 경우에 쓸 수 있다. 예를들어 특정 값을 반드시 입력해야 하는 경우와비밀번호와 비밀번호 확인란에 입력된 문자가 동일해야하는 경우가 있다. 이런 기능을 유효성 검사라고 한다!

let a; 변수를 선언 했을때 컴퓨터의 메모리에서는 어떤 일이 일어나게 될까? stack이라는 여러 사물함중 하나에 a라는 이름이 붙여진다. 변수에 a = 1; 이렇게 할당 하면 사물함에서 a를 찾아 값인 1을 사물함 안에 넣게 된다.값을 불러올때는 사물함에서 이름표

이번 과제는 어려웠지만 한번 감을 잡으니 할만하다 느껴지기도 했다. 코드를 처음부터 쓰는것과 의사코드를 js로 옮기는것이 아직 익숙하지 않은것 같다. 앞으로 더 열심히 해야겠다!많은양의 배열을 웹에 띄우려면 어떻게 해야할까? 전번 시간에 배웠던 dom을 활용해서 웹에

객체 지향 프로그래밍은 하나의 모델이 되는 청사진을 만들고 그 청사진을 바탕으로 객체를 만드는 프로그래밍 패턴이다! 풀어서 설명하자면 설계는 동일하지만 모델이 다르다라 볼 수 있다. 사실 객체라는 개념은 객체 지향 프로그래밍과 무관하게 이미존재하기 때문에 용어를 잘 구

MDN을 보면 모든 객체들이 메소드와 속성들을 상속 받기위한 템플릿으로 프로토타입 객체를 가진다는 의미라 한다. (뭔 소리인지 하나도 모르겠다.) 이어지는 말을 보면 이해가 쉬운데 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도

유노 고차함수? 먼저! 스코프에 대해 알아보고 오자! 고차 함수는 이름만큼 어려운 함수이다.. 처음 마주한 날은 이게 머징..? 하고 머리가 멈춘 느낌이었다. 그래서 어떤 아이인지 보기만 하고 돌아섰다. 그리고 오늘, 고차함수와 만난 둘째날 조금 알것도 같다. 알고보니

고차함수로만 끝이 난 줄만 알았다면 오산이다! 한번 익히면 활용이 가능하다는걸 알았으니 우린 더 열심히 할 수 있다! 내장 고차 함수는 말 그대로 Js에 내장되어 있는 고차함수이다. 그중에서 배열 메서드들 중 일부가 대표적인 고차 함수에 해당한다! 내장 고차 함수는 화

객체 지향 프로그레밍의 특성 중 상속을 Js에서 구현할 때는 프로토타입 체인을 사용한다. 속성과 메서드를 물려주는 클래스는 부모클래스, 속성과 메서드를 물려받는 클래스를 자식 클래스라 하고 이 과정이 상속이다.자신의 부모 역할을 하는 객체의 프로퍼티나 메소드를 차례로

Node.js는 '비동기 이벤트 기반 JavaScript 런타임이다.' 내장 모듈은 굉장히 많다. 그리고 이해한 만큼 모듈을 쓸 수 있다. 머세드 목록을 살펴보면, 파일을 읽을 때에 쓸법한 메서드 이름을 찾을 수 있다. 모든 모듈은 모듈을 사용하기 위해 불러오는 과정이

비동기란 무엇일까 먼저 동기적이 무엇인지에 대해 알아보자. 동기적이라 하면 시작 시점과 완료 시점이 같은 상황이다. (blocking 하나의 작업이 끝날때 까지 이어지는 작업을 막는것) 예를 들어 음식을 주문할때 손님1이랑 손님2가 주문할때 손님1의 메뉴가 나와야 손님

SPA(Single-Page Application)는 페이지 전체를 로딩하지 않고 중복되는 부분은 로딩하지 않는것을 말 한다. 예를들면 인스타에 하트를 누르면 누른 부분과 좋아요 수만 바뀌는것 처럼 그 부분만 새롭게 로딩하는 것이다. 이는 Header나 Navigati

예를들어 쇼핑몰 장바구니 같이 이벤트에 따라 변경되는 것을 말 한다. 이와 같이 컴포넌트 내에서 변할 수 있는건 React state로 다뤄야 한다.React에서는 state를 다루는 방법중 하나로 useState라는 함수를 제공한다. import {useState}

클라이언트와 서버 사이에서 데이터가 교환되는 방식이다. 두가지 유형이 있는데 요청(Requests)와 응답(Responses)이다. start line: start line에는 요청이나 응답의 상태를 나타낸다. 항상 첫줄에 위치하고 응답에서는 status라고 부른다.

GET: 웹 페이지나 데이터를 요청한다.POST: 새로운 글이나 데이터를 전송한다.DELETE: 저장된 글이나 데이터를 삭제한다. 클라이언트와 서버가 HTTP 통신을 할 때는 어떤 요청을 보내고 받느냐에 따라 메서드의 사용이 달라진다.사용에는 규칙이 있다. 어떻게 요청