codestates

javascript의 변수에는 다양한 타입이 있으며, 이는 다시 원시 타입과 참조 타입으로 나뉜다. 모두 하나의 값이 할당됨number(숫자열), string(문자열), boolean(TF 판별), undifined(값이 할당되지 않음), null(빈 값이 할당됨) 등

변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것이다.데이터를 저장할 보관함을 확보하는 것을 선언(declaration), 보관함에 데이터를 저장하는 것을 할당(assignment)이라고 한다. 선언과 할당은 동시에 이루어지기도 한다.(막간을 이용한) let과 co

객체가 아니면서 method를 가지지 않는 6 가지의 타입string, number, boolean, undefined, (null) 이 있음데이터의 크기와는 관계없이 하나의 데이터(value)만 담을 수 있음값 자체에 대한 변경이 불가능(immutable)하지만, 변

하나의 모델이 되는 청사진(blueprint)을 만들고, 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴. 자동차 틀을 만들고, 그 틀로 수많은 자동차를 찍어내는 것과 같다. 다른 포스팅에서 더 자세히 다룰 예정여기서 자동차 틀을 클래스(class), 자동차를

객체 지향 프로그래밍 (Object Oriented Programming, OOP) 절차 지향 프로그래밍(Procedural Programming,PP)의 반대 개념. PP가 모든 변수와 함수의 순차적 이동에 불과했다면, OOP가 고안되며 데이터와 기능이 별개로 취급되

REST API는 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식을 말한다.REST 성숙도 모델에 따르면, 0단계에서는 단순히 HTTP 프로토콜을 사용하기만 해도 된다. 물론 이를 RE

구조 파악 1. statesairline statesairline/app.js: 서비스에 필요한 미들웨어와 웹 서버를 실행 2. router statesairline/router/ 안에 있는 파일: 작성된 라우터 내용을 통해 API 요청을 받을 수 있음. 구체적인 요청

Section 2를 마무리하는 솔로 과제. express를 사용하여 간단한 서버를 제작하고, fetch API를 사용하여 Section 1에서 만들었던 아고라 스테이츠 페이지에 연동했다. 사실 서버 제작 자체는 어제 했던 StatesAirline Server 과제와 거의 동일했고, 오히려 훨씬 간단하기까지 했다. 해서 이 부분에 대한 이야기는 따로 하지 ...

자바스크립트 내장함수인 JSON.stringify() 메서드를 재귀를 사용하여 구현해보는 과제이다.JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환한다. 전달인자의 유형에 따라 결과가 조금씩 달라지므로 주의해야 한다. 코드

UI란 UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다. UI 하면 우리가 흔히 떠올리는 GUI(Graphical User Interface) 외에 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한

앱을 구성하는 UI 디자인 패턴과, 피터 모빌의 UX 7요소 충족 여부를 중심으로 에어비앤비 앱을 분석해보았다.'숙소 예약' 이라는 서비스 본연의 기능을 충실하게 수행하고 있다. 대체로 직관적이고 심플한 UI로 사용성 면에서는 크게 불편함이 없었으나, 몇 가지 아쉬운

웹 표준이란 W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’으로, 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동등하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고

webpack에서의 entry는 프론트엔드 개발자가 작성한 코드의 “시작점"을 뜻함. 즉 웹사이트가 돌아가는 데에 있어 가장 중심이 되는 js 파일. 오늘 실습했던 my agora states reference의 경우 script.js (사용자가 폼을 이용해 전송한 데

Graph + Query Language의 줄임말로 Query Language 중에서도 Server API 를 통해 정보를 주고받기 위해 사용하는 Query Language를 뜻한다. GraphQL은 모든 데이터가 그래프 형식으로 연결되어있다고 전제하는데, 이 덕분에

Github Actions란? GitHub Actions는 Github가 공식적으로 제공하는 빌드, 테스트 및 배포 파이프라인을 자동화할 수 있는 CI/CD 플랫폼이다. 레포지토리에서 Pull Request 나 push 같은 이벤트를 트리거로 GitHub 작업 워크

파일을 전부 수정한 후에는 서버와 클라이언트 둘 다 재실행시켜줘야 수정 부분이 반영됨

* 해당 글은 지극히 개인적인 감상이 담긴 회고입니다. 짧은 감상 영원히 끝나지 않을 것만 같았던 코드스테이츠 코스가 끝났다. 사실은 아직도 끝났다는 것이 실감나지 않는다... 24주 동안은 지정된 트랙 안에서 앞만 보고 무작정 뛰어가는 날들의 반복이었기 때문에 옆