post-thumbnail

팀 프로젝트 회고

1차 프로젝트를 마친 후 바빠서 미뤘던 프로젝트 회고를 작성해보고자 한다.프로젝트 주제 - 캡슐커피 쇼핑몰프로젝트명 - ${elicebucks} (엘리스벅스)제작 기간 - \[220523 ~ 220605] 2주간 진행기술 스택 - Vanilla js, Node js,

7일 전
·
0개의 댓글
post-thumbnail

부트캠프 12Week

- 220620 ~ 220621 crud의 전체적인 내용 정리와 상태 관리 훅에 대해서 학습했다. 온라인 강의 실습 내용이 유독 어려웠는 데, 기본 개념이 제대로 학습되지 않은 상태에서 코드를 짜려하니 너무 힘들었다. 그래서 결국은 혼자 블로깅 하면서 따로 개념 학습을

2022년 6월 25일
·
0개의 댓글
post-thumbnail

[React] Redux / Redux-toolkit

1. Redux Redux는 앱 전체 상태를 쉽게 관리할 수 있는 라이브러리이다. Redux는 리액트만을 위한 라이브러리는 아니며, 다른 언어에서도 사용할 수 있는 라이브러리이다. Redux를 사용하면 앱 전체 상태 관리 뿐만 아니라, 비동기 처리 상태 관리에 용이하

2022년 6월 23일
·
0개의 댓글
post-thumbnail

[React] 상태 관리 Hook

0. 상태 관리 기술 상태 관리 기술이란, 여러 컴포넌트에서 데이터를 공유하는 것을 의미한다. 상태 관리 기술을 도입하면 데이터 관리를 더욱 효율적으로 할 수 있고, 성능과 네트워크를 최적화하는 데 유리하다. 로직이 복잡해지고, 잘못 사용한다면 되려 성능이 악화될 수

2022년 6월 21일
·
0개의 댓글
post-thumbnail

부트캠프 11Week

- 220613 ~ 220614 > - 리액트에서는 인라인으로 스타일을 넣는 방법이 권장된다. 각각의 컴포넌트를 만들어서 재사용하기 편하기 때문 컴포넌트에 컨텐츠를 넣으면 props에 childern으로 전달된다. styled-components 사용하기 -> 리액트

2022년 6월 17일
·
0개의 댓글
post-thumbnail

[React] React-Router-Dom v6

리액트는 SPA 방식으로 라우팅을 구현한다.React-Router-Dom은 리액트의 라우팅 관련 라이브러리로 현재 v6까지 발표되었다.이전 버전인 v5와 v6는 문법적으로 차이가 있다. v6의 문법과 함께 v5에서 어떻게 바뀌었는지 정리해보겠다.React-Router-

2022년 6월 16일
·
0개의 댓글
post-thumbnail

[React] 컴포넌트 스타일링

리액트에서 스타일링을 하는 방식은 3가지가 있다.기존의 방식과 동일하게 css 파일을 따로 분리하여 사용하는 방식이다.기존에 html 파일에서 css 파일을 연결할 때는 <link> 태그를 사용하여 연결하였지만, 리액트에서 css를 연결할 때는 import를 사용

2022년 6월 14일
·
0개의 댓글
post-thumbnail

프론트엔드 개발자 기술면접 단골 질문🗂️

📚프론트엔드 기술 면접 대비 스터디 1주차브라우저 렌더링 과정을 설명해주세요호이스팅에 대해서 설명해보세요클로저는 무엇인가요? 원리와 왜 사용하는지 설명해주세요 2주차스코프란 무엇인가요?실행 컨텍스트에 대해서 설명해주세요Async, Await와 Promise의 차이는

2022년 6월 11일
·
0개의 댓글
post-thumbnail

부트캠프 10Week

- 220606 ~ 220607 드디어 2주간 프로젝트를 마치고 리액트 수업을 시작했다. 프로젝트 회고도 조만간 작성할 예정이다. 리액트는 이번이 처음 접하는 건데 왜 요즘 강세인지 바로 알 것 같다. 아직 헷갈리긴 하지만 jsx 문법이 너무 편리한 거 같다. 코드를

2022년 6월 10일
·
0개의 댓글
post-thumbnail

[React] Props와 State, Hooks, 이벤트

Props는 컴포넌트에 값을 전달해줄 때 사용한다. 넘겨줄 수 있는 값은 변수, 배열, 객체, 함수 등 자바스크립트 요소 모두 가능하다.단, props는 읽기전용으로 값이 변경되어서는 안 된다. props의 값을 변경하고 싶다면, props를 직접적으로 변경하는 것이

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[React] 입문하기

페이스북이 만든 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리.① JSX자바스크립트 XML의 약자이며, 자바스크립트 안에서 HTML 문법을 사용해서 view를 구성할 수 있게 도와주는 자바스크립트의 확장된 문법이다. HTML과 비슷하게 생겼지만 자바스크

2022년 6월 7일
·
0개의 댓글
post-thumbnail

부트캠프 7Week

- 220516 미들웨어를 컨트롤러로 분리하는 방법에 대해 학습하고 REST API에 대해 다뤄보았다. > - 디자인 패턴 - 우리가 프로그래밍을 할 때 유용하게 활용할 수 있는 정형화된 패턴. 하지만, 요즘 언어들은 디자인 패턴 요소들을 포함해서 언어가 설계되는 경

2022년 5월 20일
·
0개의 댓글
post-thumbnail

부트캠프 6Week

- 220509 > - npm : node package manager npm init 프로젝트 생성(초기화) npm install package 설치 (\* install 대신 i로 축약 작성 가능) npm remove package 삭제 npm start 프로젝트(

2022년 5월 15일
·
0개의 댓글
post-thumbnail

[JavaScript] 이벤트 루프와 큐

자바스크립트의 비동기처리에서 이벤트 루프와 태스크 큐에 대해서 간략하게 언급하고 넘어갔었다. Event Loop는 브라우저에 존재하는 여러 Queue들에 우선순위를 부여해 어떤 task를 먼저 수행할지 결정한다. 그런데 사실 우리가 알고 있던 태스크 큐 외에도 다른 큐

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[JavaScript] 문서 생명주기 이벤트, defer/async 스크립트

DOMContentLoaded 이벤트는 브라우저가 HTML을 전부 읽고 DOM 트리를 완성하는 즉시 발생한다. 즉, DOMContentLoaded 핸들러는 문서가 로드되었을 때 실행된다. 다만, 이미지 파일이나 스타일시트 등의 로드는 기다리지 않는다는 특징이 있다.DO

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[Node.js] NPM과 Express

NPM은 Node Package Manager의 약자로, Node.js로 만들어진 모듈을 온라인 저장소로부터 설치 및 관리가 쉽도록 도와주는 패키지 매니저이다.npm을 사용하면 자신이 만든 모듈을 다른 사람들이 쓸 수 있도록 공유할 수도 있고, 다른 사람이 만든 모듈을

2022년 5월 10일
·
0개의 댓글
post-thumbnail

[JavaScript] Form

폼(form)은 body 객체(document.body)와 마찬가지로 document의 직계 객체로 설계되어 있다. 다만, 문서 내에 여러 개의 폼이 존재할 수 있기 때문에 document.forms 유사배열에 담기게 된다. 따라서, DOM으로 form 요소에 접근한

2022년 5월 7일
·
0개의 댓글
post-thumbnail

부트캠프 5Week

- 220502, 220503 자바스크립트 비동기 복습 및 노드js 입문 >\* 스레드 = 일하는 사람 싱글 스레드 = 일하는 사람 1명 한 사람이 주어진 작업을 하나씩 처리하는 방식 경쟁 상태가 없음 멀티 스레드 대비 코드 복잡도가 낮음 -> 문제 발생을 항시 대비

2022년 5월 6일
·
0개의 댓글
post-thumbnail

[TypeScript] 기본 문법

0. 타입스크립트란❔ 타입스크립트는 자바스크립트에 타입을 부여한 언어로, 코드 작성 단계에서 타입을 체크해 타입 에러를 방지할 수 있다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해야 하며, 컴파일러를 통해 자바스크립트와 100% 호환

2022년 5월 3일
·
0개의 댓글
post-thumbnail

[Node.js] 입문하기

Web 1.0 시대의 브라우저는 단순히 정보를 뿌리기만 하는 정도의 매우 정적인 체계였다. 그러다가 Web 2.0 시대에 들어서면서 상호간의 양방향 통신이 가능해졌고, 이 시기를 기점으로 무시 받던 자바스크립트의 중요도가 상승했다.2008년 구글에서 Chrome의 V8

2022년 5월 2일
·
0개의 댓글