코드잇 부스트
-
자바스크립트로 리퀘스트 보내기코드잇 부스트 2024. 6. 28. 18:27
-Fetchfetch() 옵션method(메소드): `'GET'`, `'POST'`, `'PATCH'`, `'DELETE'`headers(헤더): 자주 설정하는 헤더로는 `'Content-Type'`가 있다.body(바디): JSON 문자열로 바꿔서 보내야 한다.GET 리퀘스트 const information = await fetch(”~~”);리퀘스트를 보내고 response를 얻을 수 있다.POST 리퀘스트 const information = await fetch(”~~”, { method: 'POST', body: JSON.stringify(surveyData), });POST 리퀘스트를 보낼 수 있다.JSON.stringify로 값을 JSON형태로 변환 시킬 수 있..
-
비동기 자바 스크립트코드잇 부스트 2024. 6. 28. 18:16
콜백함수:어떤 함수의 아규먼트로 전달되는 함수를 콜백 또는 콜백 함수라고 부른다.비동기 실행:자바 스크립트의 코드는 순차적으로 실행된다. (동기)만약 수행이 오래걸리는 코드가 있을 경우 이를 무시하고 다른 줄부터 수행하는 것을 비동기 실행이라 한다. 비동기 실행에서 무시되는 코드는 중간에 다른 작업을 처리하다가 다시 돌아와서 마무리한다.(예: 서버에 데이터를 요청하고 응답을 받는 경우)setTimeout()함수를 통해 이를 테스트 해볼 수 있다.비동기 함수는 이후에 있는 모든 코드를 실행한 뒤 콜백을 실행한다.실행할 콜백이 여러개이면 동기적으로 실행됨.그 외 비동기 함수:setInterval() 함수clearInterval(변수명)으로 중지할 수 있음.setInterval() 함수는 시간 간격을 두고 콜..
-
자바스크립트 객체지향 기본기코드잇 부스트 2024. 6. 3. 23:26
자바스크립트 객체지향 기본기1. 객체와 클래스객체 지향 프로그래밍이란? 구성:프로퍼티(property): 변수메소드(method): 함수*절차 지향 프로그래밍(Process-Oriented Programming, POP): 데이터 구조와 이에 수반하는 동작들을 분리하는 컴퓨터 프로그래밍의 패러다임 객체 만들기 1-1: Object-Literalconst user = { email: 'chris123@google.com', birthdate: '1992-03-21', buy(item) { console.log(`${this.email} buys ${item.name}`); },};중괄호를 쓰고 그 안에 프로퍼티와 메소드를 나열하는 것 객체 만들기 1-2: Factory functionf..
-
모던자바스크립트: 문법과 표현 & 유용한 내부 기능코드잇 부스트 2024. 5. 30. 11:42
자바스크립트의 문법과 표현-문장과 표현식문장 (statements): 어떤 동작이 일어나도록 작성된 최소한의 코드 덩어리표현식 (expressions): 결과적으로 하나의 값이 되는 모든 코드*문장과 표현식의 차이는 변수에 할당해 보면 알 수 있다. (error나면 표현식 아님)- 조건을 다루는 표현식`조건 ? a : b` 엘비스 연산자 (조건 연산자)*표현식이기 때문에 반복문의 실행, 변수의 할당 등은 불가.-spread 구문배열명 앞에 …을 붙으면 ‘ ‘를 두고 나열함.이를 활용하면 배열을 복사하는 것도 가능 (참조 x)const codeit = {name: 'codeit',};const codeitClone = { ...codeit, // spread 문법!}; console.log(co..
-
모던 자바스크립트: 동작원리 & 함수 다루기코드잇 부스트 2024. 5. 30. 11:19
모던 자바스크립트란?JS는 시간이 지나며 유용한 기능이 추가되고 발전하는데 ECMA international에서 이를 관리한다.새로운 내용이 추가될 때마다 ES1, ES2, ~, 로 출시중이다.웹 브라우저는 최신버전을 항상 완벽하게 지원하지는 못한다.따라서 현시점에서 사용하기 적합한 범위 내에서 최신 버전의 표준을 준수하는 스크립트를 모던 자바스크립트라고 부르게 되었다.자바스크립트의 동작원리-데이터 타입의 특징과 종류유연한 데이터 타입: 상황에 따라 타입이 변할 수 있음. (연산 등)추가된 데이터:- Symbol: 유일한 값 `const user = Symbol('this is a user');` 이런식으로 사용한다~ 어떤 값과 비교해도 false를 반환한다.- BigInt: 엄청 큰 수..
-
프로그래밍과 데이터 in JavaScript코드잇 부스트 2024. 5. 23. 06:13
객체:객체와 프로퍼티여러 값을 한번에 저장하기 위해 사용함.포로퍼티는 Property Name과 Property Value로 나뉨Property Name은 문자, _, $ 중 하나로 시작해야하고 -는 사용할 수 없음.typeof 사용시 object 반환*숫자형 프로퍼티 name은 대괄호 표기법으로만 접근되고 이 key값은 출력시 String으로 출력된다.객체에서 데이터 접근점 표기법: 객체명.프로퍼티이름으로 접근가능.대괄호 표기법:객체명[’프로퍼티이름’]으로 접근가능.객체 다루기존재하는 프로퍼티의 값을 수정할 수 있다.존재하지 않는 프로퍼티에 새로운 값을 할당하면 프로퍼티를 추가할 수 있다.delete 프로퍼티이름을하면 프로퍼티를 삭제할 수 있다.프로퍼티이름 in 객체이름을 하면 객체 안에 프로퍼티가 있..
-
프로그래밍 핵심 개념 in JavaScript코드잇 부스트 2024. 5. 21. 20:48
자료형:숫자형JS에선 여러 연산기호를 사용할 수 있고 사칙연산의 우선순위 규칙을 따른다. 문법은 위와 같다.문자열 기본따옴표로 씌우면 문자열로 인식 된다.문자열 활용작은 따옴표를 문자열 내부에 사용하려면 큰 따옴표를 사용하면 된다.큰 따옴표를 사용하고 싶으면 이스케이프 문자인 /를 사용하면 되고,가독성을 위해 백틱(``)을 사용할 수도 있다.문자열간의 덧셈은 두 문자열을 이어붙인 것이 출력된다.불 대수And, Or, Not으로 나뉜다.명제란 참과 거짓이 확실한 문장을 뜻한다. 위는 그 예시이다.And는 여러개의 명제가 전부 참인 경우 참을 출력한다. (&&)Or은 여러개의 명제 중 최소 하나가 참인 경우 참을 출력한다. (||)Not은 특정 명제가 거짓인 경우 참을 출력한다. (!)불린형true와 fal..
-
자바스크립트 입문코드잇 부스트 2024. 5. 16. 13:04
이번 챕터에선 자바스크립트의 기본적인 문법과 사용법에 대해 정의한다. 세미콜론JS에서는 세미콜론으로 문장의 종료를 명시함.JS의 경우 한라인의 끝에 세미콜론을 자동으로 추가해주기 때문에 필수는 아님(명시하는 것이 권장사항).주석//로 주석을 작성할 수 있음.코드의 역할, 의도 등을 기록할 수 있음.자료형 개요숫자 (정수, 실수)문자열불린추상화복잡한 것을 단순화하여 필요한 핵심만 보여주는 방법.사용할 경우 가독성이 좋아져 소통이 쉬워짐.변수반복되는 구체적인 값을 변수로 담을 수 있음.오타나 오류 등 유지 보수 측면에서 실제 값을 이용하는 것보다 뛰어남.JS 작명가이드JavaScript 식별자는 '문자(a-z, A-Z)', '밑줄(_)' 혹은 '달러 기호($)'로 시작, 2번째부터 숫자도 가능.'대문자'와 ..