기다리고 기다리던 부트 캠프 첫 OT 날오늘은 전체적인 학습방향을 배웠다.메타인지, 페어 프로그래밍, 의사 코드, 개발자 도구 사용법, 아고라 스테이츠 등많은 것을 배웠다. 그중 인상에 깊게 남은 건 메타인지였다.자기 스스로를 거울처럼 들여다보고 자기 객관화를 하는 것
HTML(HyperText Markup Language)[기초] 웹 페이지의 틀을 구성하는 마크업 언어 구조를 표현하는 언어 Tag들의 집합, 트리 구조 자주 사용되는 HTML 요소(Element) 시맨틱요소(semantic element) 시맨틱이란 ‘의미가 있는
CSS는 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어색상: color 글꼴: font-family크기: font-size굵기: font-weight밑줄, 가로줄: text-decoration자간: letter-spacing행간: line-height가로정렬
웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계, 말 그대로 "와이어로 설계된 모양"을 의미,단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것실물 크기의 모형, 목업은 실제 제품이 작동하는 모습과 동일하게 HTML 문서를 작성하드코
처음 구성한 계산기 디자인은 이러했다.그런데 왠걸 하다보니 숫자버튼이 밖에서 안으로 들어올생각을 안했다. 멘붕이 와서 이것 저것 다지우고 해봐도 들어오지않았다.그래서 그냥 다 지우고 다시 새롭게 코드를 짰다. ⬆️ (실패한 계산기) 그다음 두번째로 실패한 계산기나중에
사람이 다룰 수 있게 일정한 문법과 의미를 지닌 언어를 프로그래밍 언어원래 브라우저에서 실행하기 위해 만들어진 프로그래밍 언어이다. 그래서 HTML 파일과 JavaScript 파일을 함께 브라우저에서 실행해야 작동한다.혹은 따로 Node.js라는 JavaScript 런
프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문.(조건문 중에서 가장 기본이 되는 실행문은 if 문)주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정두 피연산자가 동일하면 true, 그렇지 않으면 false를
입력을 받아서 코드블록 내부의 코드를 실행한 후 함수의 실행결과를 반환하는 일련의 과정의 묶음,함수를 사용한다는 것은 특정한 코드실행 과정을 하나의 묶음으로 묶어서 필요할 때마다 호출하여 실행한다는 것을 의미(특정한 코드실행 과정을 묶어서 함수를 생성하는 것을 ‘함수를
기본적인 계산 기능 구현하기연산 시 script.js의 calculate 함수를 활용할 수 있도록 함수 calculate를 작성.화면의 첫 번째 칸에 숫자 나타내기숫자 버튼과 연산자 버튼을 순서대로 클릭했을 때, 첫 번째 화면는 숫자, 두 번째 화면에는 연산자가 나타나
배열은 순서가 있는 값으로, 순서는 인덱스로 구성.0부터읽음요소(element)라고 부르며, 각각의 요소들은 쉼표(comma)로 구분.대괄호' '를 통해 배열을 만듦.추가, 삭제(push, pop, shift, unshif, concat)push와 concat의 차이
자바스크립트의 기본 타입(data type): 객체(object)객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합.프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 한다.항상 키와 값
JavaScript에서 자료형(type)은 값(value)의 종류. 각각의 자료형은 고유한 속성과 메서드를 가지고 있다. 자료형은 크게 두 가지로 구분, 원시 자료형(primitive type),참조 자료형(reference type)자바스크립트에서 number,str
객체의 참조값(주소 값)을 복사배열 내장 메서드인 slice()를 사용하면 원본 배열을 복사할 수 있다.새롭게 생성된 배열은 원본 배열과 같은 요소를 갖지만 참조하고 있는 주소는 다르다.주소가 다르기 때문에 복사한 배열에 요소를 추가해도 원본 배열에는 추가되지 않는다.
스코프란 변수의 유효 범위를 의미.어느 곳이든지 접근할 수 있다는 의미.해당 지역에서만 접근할 수 있다는 의미.함수 내 선언한 변수 접근은 해당 함수 안에서만 가능.(외부에서 직접 변수 접근불가)ES6문법인 let, const 선언된 변수,함수( {} 관호안에서만 변수
클로저(closure): 함수와 함수가 선언된 어휘적 환경의 조합. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. 어휘적 범위 지정(Lexical scoping)
JavaScript Koans: Koans는 불교에서 유래된 단어로, 결론을 내리기 전에 이게 왜 맞는지 깊게 고민한다는 의미. JavaScript Koans는 부트캠프에서 하게 된 자바스크립트를 전체적으로 공부하고 되돌아보며 문제를 푸는 시스템.
Document Object Model의 약자로, 웹 페이지에 대한 인터페이스이다.기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있도록 API를 제공하며HTML 요소를 Object(JavaScript Object)처럼 조작(Ma
→ innerHTML은태그를 포함한 모든 HTML 내용을 가져옵니다.자바스크립트로 HTML 페이지를 동적으로 생성할 때 간편하게 내용을 추가할 수 있기 때문에 많이 사용하는 속성입니다.textContent는태그 안의 모든 텍스트 내용을 표시합니다.모든 태그에는 scir
목표 상기하기 연봉 3500이상 개발자로 취업하기❗️ 메타인지하기 ❗️ Keep 배운 내용 정리해서 velog 작성 모르는 내용은 검색하여 한번 더 복습 Problem 운동 plan 세우고 지키지 못한 것 주말 학습 지키지 못한것 Try ( 순서대로 우선 순
다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다.변수에 할당(assignment)다른 함수의 전달인자(argument)로 전달다른 함수의 결과로서 리턴함수를 변수에 할당할 수 있기 때문에함수를 배열의 요소나 객체의 속성 값으로 저장,함수를 데
객체지향은 하나의 모델이 되는 청사진(blueprint)을 만들고 청사진을 바탕으로 객체를 만드는 프로그래밍 패턴.청사진을 class, 그리고 그것을 바탕으로 만들어지는 object들을 instance라고 한다.
객체 지향 프로그래밍
원형 객체를 의미하며 JavaScript에서 기본 데이터 타입을 제외한 모든 것이 객체인데, 객체가 만들어지기 위해서는 자신을 만드는 데 사용된 원형인 프로토타입 객체를 이용하여 객체를 만든다.이 때 만들어진 객체 안에 proto(비표준)속성이 자신을 만들어낸 원형을
JavaScript는 프로토타입 기반의 언어이며,프로토타입에 기반하여 객체지향 프로그래밍을 지원.JavaScript의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어있다. 부모 객체를 프로토타입 객체 또는 프로토타입이라고 한다.함수 객체만 가지고 있는 proper
동기는 데이터의 요청과 결과가 한 자리에서 동시에 일어나는 것.요청을 하면 시간이 얼마나 걸리던지 요청한 자리에서 결과가 주어져야 함.사용자가 데이터를 서버에게 요청한다면 그 서버가 데이터 요청에 따른 응답을 사용자에게 다시 리턴해주기 전까지 사용자는 다른 활동을 할
Callback: 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있다. 다른 함수의 인자로써 이용되는 함수. 어떤 이벤트에 의해 호출되어지는 함수. 비동기로
FileSystem의 약자로파일 처리와 관련된 여러가지 기능을 하는 js라이브러리.파일 읽기파일 쓰기예외 처리파일 존재 유무 검사디렉토리 생성fs.createReadStream메서드 fs.readFile 은 비동기적으로 파일 내용 전체를 읽음. 이 메서드를 실행할 때에