2월 2일, 한참 해외에서 쿨쿨 자고 있을 때 코드스테이츠에서 연락이 왔다.아쉽게 대기번호를 받았다는 안내, 그리고 사전 코스를 체험해야 합격할 확률이 높아진다는 내용이였다.나는 시차가 거의 정반대인 해외에 있었기 때문에 부트캠프 합격에 대해 거의 기대를 내려놓고 (내
웹 개발에 있어서 구조와 내용을 다루는 언어<>로 묶인 태그들로 이루어져 있으며 html 확장자를 사용함트리(tree)구조로 이루어져 있음<img> : 사진을 삽입할 때 사용.<a> : 링크를 삽입할 때 사용.<ul>, <li> : 순서가 없
CSS (Cascading Style Sheets) 웹 페이지의 스타일 및 레이아웃을 정의하는 스타일시트 언어. html로 구조를 세웠다면, css로 UX/UI와 레이아웃을 구성해준다. 사용자 인터페이스 (UI; User Interface) > UI란 사용자가 사용
와이어프레임 웹이나 앱을 개발할 때 뼈대를 만드는 작업을 와이어프레임(Wireframe)이라고 한다. 와이어프레임은 도형이나 선으로 인터페이스를 간결하게 묘사해주는 것이 특징이다. 목업 목업(mock-up)이란 실물처럼 보이는 모형을 뜻한다. 웹 또는 앱에서는 목업을
JavaScript에서는 콘솔이나 터미널에 무언가를 출력시킬 때 console.log 를 사용한다.string 타입의 변수를 표현할 때에는 ", ' 를 사용하는데, string을 \` (백틱)으로 감싸면 중간에 변수를 삽입할 수 있는 템플릿 리터럴이라고 한다. 변수를
[Section1Unit5] JavaScript 기초2 📌 조건문 ✔️ if / else / else if ✔️ 동치 연산자 JavaScript에서 사용되는 동치 연산자는 이다. 느슨한 동치 연산자로 불리는 `==` 도 에러 없이 동작하긴 하지만 예외 사항이
❗️string 선언할 때 빈 문자열을 넣지 않고 선언하면 null이 아닌 undefined가 들어가버린다.❗️ JavaScript에서 string 타입은 index로 조회는 가능하지만 변경은 불가능하다. string을 변경할 때는 replace를 사용할 수 있다.✔️
이번 unit은 하루종일 페어와 함께 계산기 만들기 과제를 했다. 생각보다 너무... 어려웠다...그래도 로직은 바로 생각이 나는데 js에 익숙치않은 탓인지 생각한대로 한번에 작동하지 않았다.제일 고전했던 nightmare 마지막 항목에 대한 코드를 복기해봐야겠다.🍊
[Section1_Unit7] Linux / Git 기초 📌 CLI 명령어 정리 pwd : 현재 디렉토리 위치 확인하기 mkdir : 디렉토리를 만들어준다. ls : 현재 위치한 디렉토리에 있는 dir나 files 보여줌 📎 ls 에 자주 붙는 옵션 : ls
배열은 리스트와 비슷한 객체로서 순회와 변형 작업을 수행하는 메서드를 갖습니다. JavaScript 배열은 길이도, 각 요소의 자료형도 고정되어 있지 않습니다. 배열의 길이가 언제든지 늘어나거나 줄어들 수 있고 데이터를 연속적이지 않은 곳에 저장할 수 있습니다.✔️ i
📝 Section1_Unit9 JavaScript 핵심 개념과 주요 문법🔍 JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입니다. 원시 값에는 7종류, string, number (en-US),
📝 JavaScript KoansArray.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다.📎 유사 배열 객체(array-like object)
📝 Section1_Unit10 DOM모든 언어에 있어 기본이 되는 CRUD에 DOM은 추가로 html에 적용(append)시키는 메서드가 따로 있다. querySelector의 첫번째 인자로 html태그, id, class등의 셀렉터를 이용한다.querySelect
📝 Section1_Unit10 DOMhtml에서 hide 속성을 준 요소를 JavaScript에서 조작해 숨겼다가, 나타낼 수 있다.드디어 JavaScript로 html을 조작할 수 있게 됐다...! 아직 헷갈리고 어렵다 ㅜ.ㅜ 실습을 많이 해봐야 익숙하게 쓸 수
드디어 한달 동안 달려온 Section 1의 마지막 날이다. 초반엔 분명 쉽다고 느꼈는데 뒤로 갈수록 (벌써) 어려워졌다…🤕 매일매일 공부하는 생활을 정말 오랜만에 하고있는데… ㅎㅎ 뿌듯하고 보람찬 일상을 보낸다는 생각에 기분 좋게 스케쥴을 따라갈 수 있는 것 같다.
고차함수와 내장 고차함수
📝 \_Section2_Unit2 객체지향 프로그래밍 객체지향 프로그래밍에 쓰이는 객체(자바스크립트의 object와는 다르다)를 클래스(class)라고 한다. 클래스를 통해 만들어내는 객체는 인스턴스(instance)가 된다.클래스는 인스턴스가 만들어질 때 실행되며,
🧸 객체지향 프로그래밍(Object Oriented Programming) > OOP (객체 지향적 프로그래밍)는 데이터가 객체 내에 캡슐화되고 구성 요소 부분이 아닌 객체 자체가 운용되는 프로그래밍 방식이다. 📌 객체지향의 특징 4가지 ✔️ 캡슐화(Encaps
\_📝 Section2_Unit2 객체 지향 프로그래밍 JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불립니다.— 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype obje
📝 [Section2Unit2] 객체 지향 프로그래밍 #4_ 📌 프로토타입 체인 > 자바스크립트에서는 객체를 생성할 때, 해당 객체의 프로토타입(Prototype)으로 지정된 객체를 상속받는다. 이때, 해당 객체의 프로토타입 객체가 다른 객체의 프로토타입이 될 수
📝 Section2_Unit2 객체 지향 프로그래밍 ✔️ 여러 속성을 상속받을 때, super()에 인자 여러개를 줄 수 있음.✔️ 무조건 super() 이후에 this 를 쓸 수 있음.✔️ 자식 클래스에서 오버라이딩한 부모 클래스의 메서드를 호출하지 않아도 되는 경
Section2_Unit3 비동기수정중...
[Section2_Unit4] React Intro
Section2_Unit5 React SPA수정중...
📝[Section2Unit6] React State & Props_ 📌 State vs Props ✔️ State '상태'를 의미한다. 내부에서 변화하는 값이다. e.g., 나이, 재학중, 미혼, 거주지, ... ✔️ Props '속성'을 의미한다. 외부에서
➡️ 'Route' 컴포넌트를 이용해서 경로를 의미하는 path와 그 경로에서 보여줄 element 컴포넌트를 설정해주었다.➡️ 같은 형식의 반복되는 < li > 를 'Tweet' 컴포넌트로 설정하였다. 'tweet' 데이터 객체에서 username과 create
📝Section2_Unit7 HTTP/네트워크 기초서버와 클라이언트로 이루어진 설계방식으로 2티어 아키텍처라고도 한다. 여기에 데이터베이스가 추가되면 3티어 아키텍처가 된다.클라이언트 (client) : 서버로 요청(request)를 보내고, 응답(response)를
📝Section2_Unit8 HTTP/네트워크 실습REST API는 서버과 클라이언트가 요청과 응답을 주고받을 때 지켜야하는 통신 규약을 의미한다. REST API에서 REST는 “Representational State Transfer”의 약자로, 로이 필딩 (Ro
📌 Postman 실습 ✔️ GET GET /shyesoo/messages로 shyesoo의 모든 메세지를 조회하였다. 관리자의 메세지와 shyesoo의 메세지가 조회되었다. ✔️ POST POST /shyesoo/messages로 새로운 메세지를 작성하였다
📝Section2_Unit9 클라이언트 Ajax 요청 : React 데이터 흐름React는 기본적으로 단방향 데이터 흐름(One-way data flow)를 따른다. 즉, 컴포넌트는 props를 통해 전달받은 데이터가 어디서 왔는지 전혀 알지 못한다.기본적으로 자식
📝Section3_Unit1 재귀원래의 자리로 되돌아가거나 되돌아옴.✔️ 반복문으로 평범하게 푼다면✔️ 재귀를 이용한 코드
UI(사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다.GUI는 그래픽을 이용해 컴퓨터와 상호작용하는 인터페이스이다. 일반적으로 프론트엔드 개발자에게 UI라 함은 GUI를 의미한다.UX(사용자 경험)은 사용자가 시스템이나 서비스를 이용하며 느끼는
레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발 방법애플리케이션으로 개발 방향이 진화하면서 컴포넌트 단위의 개발은 캡슐화의 중요성을 불러왔습니다. CSS도 컴포넌트 영역으로 불러들이기 위해서 CSS-in-JS가 탄생했습니다.CSS in J
웹 표준이란 웹에서 표준적으로 사용되는 기술이나 규칙이며 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다.수정 및 유지보수의 용이성접근성 향상검색 엔진 최적화 (SEO)호완성 확보HTML을
기본적인 TypeScript 타입 선언2^53보다 큰 수를 나타낼 때에는 bigint 타입을 사용할 수도 있다.백틱(\`)을 사용한 문자열인 템플릿 리터럴을 사용하면 여러 줄에 걸쳐 문자열을 작성할 수 있다.user\[2]에 toString()으로 접근하게 되면, us
열거형은 특정 값의 집합을 정의할 때 사용된다. JavaScript와 달리 TypeScript에서는 문자형 열거형과 숫자형 열거형을 사용할 수 있다.열거형은 숫자형과 문자열형, 혹은 이 둘의 조합으로 정의될 수 있다. 디폴트 값으로 숫자형을 사용하며 각 값은 자동으로
교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다.CORS 에러