오.배.이.안& 회고

코드스테이츠 국비지원 과정 44기 부트캠프가 시작되었다. 오리엔테이션을 시작으로 앞으로 과정을 수행하기 위해 필요한 사전지식을 습득하는 날이었다..! 크게는 앞으로 어떤 방향으로 진행될 것인지와 작게는 질문하기위한 팁 등 생각보다 집중해서 봐야 할게 많았다. 정말 많은

당일회고 드디어 첫수업을 시작했다.!! 오늘은 html 을 학습했다. 사전에 공부를 해서 어렵게 느껴지진 않았다. 물론 학습을 하지 않았어도 집중만 한다면 그리 어려운 내용은 없었던거 같다. 원래는 첫날부터 자바스크립트로 바로 진도가 나갔었다고 한다. 근데 우리 기수

오늘은 CSS 기초 수업을 들었다.정말 css는 너무 파고들수록 방대한 양이 날 맞이하는 느낌이야!!!!선행학습을 해서 다행이지! 안 했다면 아주 머리가 빙빙 돌았을 거 같다.이제 갈수록 더 모르는 것들이 많이 나올 텐데 복습과 예습을 철저히 해야겠다!아무튼 어제 ht

이틀동안 배운 html와 css 를 가지고 계산기를 만드는 시간이었다. 점심전까진 flex 에 대해서 학습하고 오후부터 본격적인 과제 수행 시간이었다. 그리고 첫 페어 프로그래밍을 수행한 날! 떨렸다..! 두근두근 우리조는 짧게 인사를 하고 각자 계산기를 만들고 모르는

오늘은 페어와 함께하는 계산기 과제 마지막날이다. 기수분들 중에 고수들이 참 많았다. 보면서 저렇게도 가능하구나! 왜 저생각을 못했지? 라는 생각도 했고 아 이건 처음보는 기술이네! 하고 생각도 했다. 내 계산기가 넘 초라해 보였다 ㅋㅋㅋㅋㅋ 하지만 주눅들지 않는다.

당일회고 복습 키워드 : 기계어,자연어,예약어,변수,키워드,프로그램, 프로세스,프로그래밍언어,연산자,표현식,문,값,원시자료형,참조자료형,인덱스,네이밍 컨벤션, 템플릿 리터럴, 데이터타입 >* 프로그램 : 컴퓨터를 특정한 방식으로 작동 시킬 수 있는 코드들의 모음

js의 꽃이라 할 수 있는 함수와 반복문 조건문을 배운 날이다. 아주 중요하기 때문에 빡집중을 해서 열심히 복습을 했다. 이해하는게 중요해!!! 그리고 내일 수업을 못듣기 때문에 반복문과 조건문 코플릿을 풀어봤는데 조건문은 10문제 중 9문제 정도는 풀만했던거 같고 반

당일회고아닌 회고 이번주 수요일과 금요일에 수업을 참여하지 못하게 되어 (사전에 잡아놓은 여행땜시 ㅎ) 22일 수요일 블로깅은 DOM에 대해서 복습하기로 했다. 아주 열심히 하는 기수분들을 두고 여행을 간다는게 뒤쳐지지 않을까 심히 걱정은 된다만,,, 어쩌겠는가

당일회고 오늘은 일본에서의 코딩 공부,,,, 여행와서 삼일이나 빠지는 건 너무 심적으로 부담이 될거 같아서 일본에서의 피같은 시간이지만 하루를 공부하는데에 투자했다. 오늘은 이전에 만들었던 계산기를 구현하는 시간이었다. 처음수를 입력하고 연산자를 어떤걸 쓸지를 정해

json에 대해서 알아보자! JSON 이란 클라이언트와 서버간에 데이터를 저장하거나 주고 받을 때 많이 사용되는 방식. 클라이언트와 서버간 API를 통해서 응답,요청시에 데이터를 주고 받을 때 사용됨. JSON은 XML을 대체해서 데이터 전송 등에 많이 사용함.JSO

오늘부터는 배열에 대해서 공부했다. 개념에 대해 학습한 후 이차원배열에 대해서 개념이 명확하지 않았는데 다시 확인하는 좋은 시간이 되었던거 같다. 이후 코플릿을 페어분과 풀어보는 시간이었다. 시간을 널널하게 줘서 여유롭게 풀지 않을까 생각했지만. 24번 문제였던 joi

오늘은 객체에 대해 학습했다. 이론은 아주 간단히...코플릿은 21문제! 문제 푸는게 왜 이렇게 어려운지!!이제 본격적으로 스터디도 시작했는데 일주일에 1번 모자딥다 예습챕터1 개 복습챕터1개 정리해서 올리고 발표 하기 + 프로그래머스 문제 20개 풀어보기이다. 여기에

종류 : 문자열, 숫자, 불리언, symbol, undefined, null 특징 원시 자료형을 변수에 할당하면 데이터 값이 메모리 공간에 담긴다.원시 값을 가지는 변수를 다른 변수에 할당하면 원시 값 자체가 복사되어 전달된다. 원시 자료형은 변경 불가능한 값이다.(읽

스코프란?변수의 유효범위 ( 변수에 접근할 수 있는 범위가 존재함)코드블록 :함수를 선언시 사용하는 중괄호{} 를 블록이라 한다.코드블록 내부에서는 외부의 변수를 가져와 사용할 수 있고. 코드블록 외부에서는 코드블록 내부에서 선언한 변수를 가져와 사용할 수 없다.스코프

클로저 상당히 이해하기 어려웠다. 봐도 뭔 말인지 이해가 가지 않았다. 그래서 두번보고 세번보고 다른 강의도 찾아보고 했다. 참고했던 자료들을 바탕으로 클로저에 대한 정의를 해보려 한다. 클로저란? (외부)함수 내에 (내부)함수가 리턴값으로 주어져 있고 이때

함수와 그 함수 주변 상태의 주소 조합. 풀어 말하면 실행이 끝난 함수의 지역 변수를 참조하면서 실행이 끝난 함수보다 오래 실행되는 함수 === 클로저 보통은 함수 내부에 하나의 함수가 리턴되어지는 형식으로 있다. 클로저 특징데이터 보존에 유리하고 커링 형식으로 사용하

오늘은 JavaScript_koans 에는 타입, 스코프, 화살표 함수, 원시자료형& 참조 자료형 , 배열, 객체, spread/rest 문법, 구조 분해 할당 문법 을 간단한 문제를 풀어보며 내가 정확히 이해했는지에 대해 알아보는 시간이었다.const 타입 con

오늘은 DOM (Document Object Model) 을 학습했다. 모자딥다 에서는 아주 방대한 페이지로 DOM을 설명하고 있지만 부트캠프에선 정말 핵심? 만 알려주고 과제를 내준다. js 에서 html 요소를 만드는 법 , html 요소를 js 로 가져오는 법 등

벌써 코드스테이츠 프론트엔드 과정에 탑승한지 한달이 지났다,,, 고등학교를 다시 다니는거 같은 기분 ㅎ 섹션 1 이 끝나 이때까지 느꼇던 느낌이나 고치고 싶은 것들에 대해 회고를 작성하는 시간을 가졌다.대학교 졸업 후 정말 막연했던 시기에 뭐라도 해야지!! 하는 생

유닛1은 정말 쉬어가는 단계인가! 유닛2 시작부터 배우는 학습의 속도가 다르다!! 시간이 촉박해! 오늘은 고차함수에 대해 배우고 배열의 내장고차함수인 filter(),map(),reduce() 를 학습했다. 이해하기 쉽게 시각적인 자료가 많은 도움이 되었다. 일급객체다

클래스란 하나의 객체 프로토타입을 생성하여 해당 객체 프로토타입의 자식들이라고 할 수 있는 인스턴스들이 해당 클래스의 프로퍼티나 메소드를 사용할 수 있는 문법이다.인스턴스란하나의 클래스나 생성자 함수가 가지는 프로토타입 사용할 수 있는 새로운 객체를 말한다. 예를 들자

ES6 이전 : 생성자 함수 + 프로토타입을 통한 상속 구현ES6 이후 : Class 문법 + 프로토타입을 통한 상속 구현class 를 통한 상속은 구현 할 수 있지만 생성자 함수를 통한 상속은 어떻게 하는지 궁금해 찾아보았다.

for in 문 : 주로 객체의 프로퍼티 키 열거 할 때 사용 for(let key in 객체) {... 수행할 코드...}for of 문 : 주로 이터러블 순회에 사용for(let el of 배열) {... 수행할 코드...}이터러블 : 문자열, 배열, .map ,

3.22 Promise Hell 을 제어하는 Asyns/Await 🤮 오배이안 🪙 🤯 Async/Await

3.22 React 넘을 수 있는 산인가! 🤖 오배이안 🪙 React 란? 리액트 란 Javascript 오픈소스 라이브러리다.

SPA(single page application)는 서버로 부터 완전한 새로운 페이지를 불러오지 않고 페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재 페이지를 업데이트함으로써 사용자와 소통하는 웹 어플리케이션이나 웹 사이트를 말한다.과거의 웹사이트는 사용

3.24 [React_Props & State] 헷갈려! 🤯 오배이안 🪙 Props Props 는 Properties 의 줄임말이고, 컴퍼넌트의 속성을 의미한다. 상위 컴퍼넌트에서 하위 컴퍼넌트로 값을 전달하기 위해 사용하는 속성이다. >특징 객체 형태를

오배이안 🪙 웹 애플리케이션 아키텍처 >* 클라이언트- 서버 아키텍처(2-Tier 아키텍처) > > 리소스를 사용하는 앱(클라이언트) 와 리소스가 존재하는 곳(서버)를 분리시킨 것 > 클라이언트- 서버 는 요청과 응답을 주고 받는 관계 ( 선 요청 --> 후

API 작동 방식에 대한 조건을 부과하는 소프트웨어 아키텍처(구조)로 복잡한 네트워크에서 통신을 관리하기 위한 지침의 필요성에 의해 만들어 졌다. 클라이언트와 서버 간에 데이터를 주고 받기 위한 URL 규칙 으로 URL 을 기반으로 특정 리소스나 데이터를 접근하기 위

상태상태 안상태React 는 컴포넌트 단위로 기능 개발을 구현하는 라이브러리이다.컴포넌트는 단일 책임원칙에 따라 기능별로 쪼개서 한 컴포넌트가 한가지 일만 하도록 개발해야한다. 웹 페이지를 만들기전 구상을 할때 부터 각 기능별 컴포넌트로 나누는 설계를 해야한다. 이렇게

<span style="background-color:너무 작네 사진이,,, 😂네이버로 예를 들면출처(Origin) :https://www.naver.com:433프로토콜 + 호스트 + 포트 의 결합이 출처이다.이 중 하나라도 다르면 동일한 출처로

오배이안 🪙 Node.js ? Node.js 란 자바스크립트가 브라우저에서 작동되는게 아닌 서버에서 작동되도록 해주는 런타임 환경을 말한다. 이것이 가능한 이유는 Chrome(크롬) 의 V8 엔진을 이용하기 때문이다! Express? Express 란 Nod

오배이안 🪙 재귀함수 > 재귀는 > "원래의 자리로 되돌아가거나 되돌아옴" 이라는 뜻을 가지고 있다. JavaScript 재귀 함수 재귀 함수란 >함수 내부에서 자신을 호출하고 있는 함수를 말한다. 예시 재귀 함수를 만들어 보았다. 그리고 콘솔에

UI 란 사용자와 컴퓨터가 상호 작용하는 시스템을 의미 한다. 컴퓨터와 상호 작용하는 요소로는 보여지는 그래픽 키보드마우스 스피커 등 물리적 요소 를 포함한 여러 요소들이 컴퓨터와 상호 작용하기 위한 시스템으로 UI 라고 볼 수 있다. 물리적인 요소로는 어떤게 있을

컴포넌트 주도 개발이란 용어로 컴포넌트기반으로 개발을 하는 것으로, 기본적인 컴포넌트 단위부터 개발을 통해 <span style="background-color: 기술이 발전함에 CSS를 구조화시킬려는 시도들이 다양해 졌다. 대표적인 방법론들의 특징과 장단점

React Hook 의 한 종류인 useRef 를 알아보자 JavaScript 에선 document.queryselector 를 통해 DOM을 직접 조작하는 것이 가능하지만 React 에서는 DOM을 직접 조작하는 것을 허용하지 않는다. 그래서 React

어제 오늘 부트캠프 과제를 진행하면서 알게된 지식들을 끄적여본다.그 이유는규모가 큰 프로젝트일수록 컴포넌트 내부에 수많은 상태값들이 존재할 것이다. 만약 이 상태들의 값들이 제각각 변화할때마다 컴포넌트가 리렌더링된다면 성능 저하가 발생할 것이다. 이를 해결하기 위해서

상태(State)는 React 컴포넌트 내부에서 사용되며, 변할 수 있는 값을 저장할때 유용하다. 로컬 상태하나의 컴포넌트에서만 사용되는 상태전역 상태 하나 이상의 컴포넌트에서 사용되는 상태로 이때는 상태를 사용하는 컴포넌트의 공통 부모 컴포넌트에 상태를 저장해야함모

비동기 복습 동기 & 비동기 동기적 처리 코드의 실행이 끝날때까지 기다렸다 끝나면 다음 코드가 실행되는 것 비동기적 처리 코드의 실행이 끝날때 까지 기다리지 않고 다음 코드가 실행되는 것 자바스크립트는 싱글스레드 동기식 언어 자바스크립트는싱글스레드 런타임을 가

웹(Web) 이란 문서나,정보들을 공유하는 공간 웹 표준이란 W3C(World Wide Web Consortium) 에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙 으로 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상

Node.js 를 활용해 서버를 구축하는 방법을 까먹어 복습 겸 작성해 본다. Node.js http 모듈로 서버 구축하기 1. Node.js 설치하기 2.작업 폴더 만들기 서버를 생성할 폴더를 만든 후 코드에디터로 열기 3. npm init 터미널 창

오배이안 🪙 HTTP 특징 HTTP는 두가지 특징을 가진다. 비연결성(connectionless) 무상태성 (stateless) >비연결성(connectionless) > HTTP 는 클라이언트와 서버간 실제로 요청을 주고 받을 때만 연결을 유지하고 서버에서

세션 방식은 유저의 상태를 서버에서 관리하게 된다. 서버에서 사용자의 상태를 관리하기 때문에 사용자가 급증하게 되면 서버의 부하가 심해지고, 메모리의 용량또한 많이 사용하게 되어 이를 보완하고자 토큰기반 인증방식이 등장하게 되었다. 토큰 기반 인증 방식은 클라이언트

벌써 코드스테이츠에 탑승한지 3개월이 다 되어 간다. 코스 중반쯤 되니 체력, 멘탈, 집중력 다 방전이다.배울건 많고 이해하는건 쉽지 않고 암기하면 날라가버리고 특히 어제 진행했던 미니 해커톤 과제로 figma 를 이용해서 기획을하고 리액트로 구현하는 것도 대충대충

개념정리하는 정도? 스택은 후입선출(Last In First Out) 또는 선입후출(First In Last Out) 이라고 부른다. 즉, 가장 나중에 넣은 것을 먼저 꺼낼 수 있는 자료구조로 데이터를 넣을 때는 Push() 를 데이터를 꺼낼때는 PoP()을 사용한다.

DOM (Document Object Model) 은 문서 객체 모델 이다.DOM은 브라우저에서 JavaScript 와 같은 스크립트 언어가 html으로 이루어진 문서를 접근하여 조작하기 쉽게 하기위해 html 문서를 트리의 형태 로 구조화한 모델이라고 생각하면 된