profile
몰입하는 개발자

[Computer Science] 쿠키 vs 세션 vs 웹스토리지

비연결지향 (Connectionless) : 클라이언트가 서버에서 Request를 보내고 서버가 클라이언트에게 Response를 보내면 접속을 종료한다.무상태 (Stateless) : 통신이 끝나면 상태 정보를 유지하지 않는다.클라이언트의 로그인 정보나 브라우저에서 입

2022년 4월 22일
·
0개의 댓글

[Computer Science] CSR vs SSR

클라이언트(브라우저)가 데이터를 요청하면 브라우저 => 프론트 서버 => 백엔드 서버 => 데이터베이스를 거쳐 데이터베이스에서 데이터를 가져온 후 다시 브라우저에 데이터가 그려지는 형식이다. 이 방식은 서버에서 데이터까지 모두 포함하여 페이지를 구성한 후 브라우저에 전

2022년 4월 22일
·
0개의 댓글

[항해99] 프로젝트 추후 개선에 대한 고민

6주간의 프로젝트 기간은 끝이나서 회사에 이력서 넣고 CS공부하느라 정신이 없지만 한 번씩 우리 프로젝트 개선에 대한 고민을 한다. 추후 프로젝트를 개선한다면 기능을 새로 추가할것인지? 기존 기능을 개선하고 싶은지? 코드를 깔끔하게 바꾸고 싶은지? 여러 고민 중 내가

2022년 4월 21일
·
0개의 댓글

[Computer Science] 브라우저 렌더링 과정

브라우저란? 우리가 흔히 인터넷 접속할 때 사용하는 Chrome, Safari, Firefox, Internet Explorer 등을 말한다. 웹에서 페이지를 찾아서 보여주고, 사용자가 하이퍼링크를 통해 다른 페이지로 이동할 수 있도록 하는 프로그램 유저가 선택한 자원

2022년 4월 21일
·
0개의 댓글

[Computer Science] Redux란?

👉 Redux란 javascript 상태관리 라이브러리이다.👉 상태란?React에서 state는 component 안에서 관리되는 것이다.👉 Component 간의 정보 공유자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능하다.자식 컴포넌트들 간의 데이터를 주고

2022년 4월 19일
·
0개의 댓글

[Computer Science] React 렌더링 성능 최적화

이제는 클래스형 컴포넌트를 사용하지 않고 함수형 컴포넌트를 사용하기 때문에 함수형 컴포넌트 기반 성능 최적화에 대한 방법을 알아보자.리액트는 특정 state가 변경되면 그 state가 선언된 컴포넌트와 그 하위 컴포넌트들을 모두 리렌더링 시킨다. 따라서 state가 선

2022년 4월 19일
·
0개의 댓글

[Computer Science] React vs Vue vs Angular

Facebook에서 주도하여 개발한 웹 어플리케이션의 UI를 효과적으로 구축하기 위해 사용하는 javascript 기반 라이브러리이다. 다른 라이브러리들과 함께 사용할 수 있어 효율적인 라이브러리라고 할 수 있다. React 자체는 framework라 부를 수 있는 기

2022년 4월 19일
·
0개의 댓글

[Computer Science] 클래스형 컴포넌트 vs 함수형 컴포넌트

React 컴포넌트를 만들때 클래스형 컴포넌트, 함수형 컴포넌트 2가지 방식이 있다 과거에는 클래스형 컴포넌트를 많이 사용했지만 2019년 v16.8 부터 함수형 컴포넌트에 리액트 훅(hook)을 지원해 주어서 현재는 공식 문서에서도 함수형 컴포넌트와 훅(hook)을

2022년 4월 18일
·
0개의 댓글

[Computer Science] Virtual Dom 이란?

DOM(Document Object Model)의 약자로 간단하게 설명하면 HTML과 자바스크립트를 이어주는 공간으로, 내가 작성한 HTML을 자바스크립트가 이해할 수 있도록 객체(Object)로 변환하는 것이다.DOM은 내가 작성한 HTML로 부터 생성되지만, 브라우

2022년 4월 18일
·
0개의 댓글

[Computer Science] Hoisting

호이스팅은 코드가 실행하기 전 변수선언 / 함수선언이 해당 스코프의 최상단으로 끌어올려진 것 같은 현상을 말한다.scope 란?식별자 접근 규칙에 따른 유효 범위식별자(변수, 함수, 클래스)에 접근할 수 있는 범위가 존재한다.범위는 중괄호 또는 함수에 의해 나눠진다.그

2022년 4월 18일
·
0개의 댓글

[Computer Science] promise vs async & await

비동기 통신을 비교하기에 앞서 동기와 비동기가 어떤 차이가 있는지 간단하게 알아보자.동기는 말 그대로 동시에 일어난다는 뜻이다. 요청과 그 결과가 동시에 일어난다는 약속인데 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다.비동기는 동시에

2022년 4월 18일
·
0개의 댓글

[Computer Science] 이벤트 버블링과 캡처링

버블링의 원리는 간단하다.한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다.예시를 보자. (3개의 요소가 FORM

2022년 4월 18일
·
0개의 댓글

[Computer Science] var, let, const의 차이

자바스크립트에서 변수 선언할 때 사용되는 var, let, const는 도대체 어떤 차이점이 있을까? 간단하게 알아보았다. var var로 변수 선언을 했을 때 가장 큰 특징은 중복 선언이 가능하다는 점이다. 위와 같이 중복 선언을 했을 때 에러가 발생하지 않고 중

2022년 4월 18일
·
0개의 댓글

[항해99] 부트캠프 11~13주차 회고

기획이 끝나고 개발을 시작하고 나서 생각보다 우리 프로젝트의 스콥이 컸고, 이걸 정해진 기간안에 다 할 수 있을까? 하는 의문이 항상 있었다.결국에 우리는 서비스를 완성했고 6일간의 UT(User Test)를 통해 약 1000여명의 사용자와 200여명의 회원가입 유저가

2022년 4월 11일
·
0개의 댓글

[항해99] 최종 프로젝트 유저 테스트(UT)

케이크탭에서 매장으로 가면 홈으로 바로 갈수가 없어요.매장 상세페이지에도 네비바를 추가하여 해결완료!매장검색 결과에서 매장 정보가 아래 숨어서 완전히 안보여요.매장 정보를 지도 위에 띄워서 해결 완료!게시글 작성 시, 줄바꿈하고 등록했을 때 반영이 안돼요.게시글 페이지

2022년 4월 11일
·
0개의 댓글

[항해99] 최종 프로젝트 서비스 개선

compressorjs 라이브러리를 사용하여 사용자가 업로드한 사진을 압축 ➤ Browser Image Compression 라이브러리도 이미지의 사이즈를 줄이거나 용량을 압축해주는 라이브러리이지만 이미지의 사이즈 값을 조절하면 원본 이미지의 비율을 유지하지 못한다.

2022년 4월 11일
·
0개의 댓글

[항해99] 부트캠프 8~10주차 회고

📒 실전프로젝트 커리큘럼 중 8~13주차(6주)는 프론트엔드 + 백엔드 + 디자이너가 함께 기획부터 실제 서비스 런칭까지 결과를 만들어내는 기간이다. 우리팀같은 경우 프론트(React) 3명 + 백(Spring) 3명 + 디자이너 2명 총 8명이 한 팀으로 이루어져

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

[항해99] 부트캠프 7주차 회고

이번 7주차는 클론 코딩 주차로 완성된 웹페이지를 최대한 똑같이 따라해보는 프로젝트이다.미니 프로젝트와 비슷한 규모의 스코프와 도전하고 싶은 기능 한가지 정도를 정해서 진행했다.우리 조는 전세계 숙박 관련 공간을 공유할 수 있는 airbnb 를 클론 코딩하기로 결정했다

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

[컴퓨터 구조와 프로그래밍] JavaScript

자바스크립트 소개 & 역사 1993년 마크 앤드리슨은 GUI를 제공하는 모자익 웹 브라우저를 만들었고, 이 브라우저는 일반 소비자를 대상으로 하는 인터넷의 증가에 큰 역할을 했다. 마크 앤드리슨은 넷스케이프라는 회사를 창립하고 1994년 넷스케이프 내비게이터 브라우저를

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

[항해99] 부트캠프 6주차 회고

이번 6주차에는 지난 1주차에 했던 미니프로젝트와 다를바 없지만 처음으로 프론트와 백단으로 역할이 나뉘어서 협업하는 첫 번째 프로젝트였다. 협업이라고는 한 번도 해본적이 없었기 때문에 아무것도 모른체 프로젝트를 시작했고 왜 현업에서 소통을 가장 중요하게 생각하는지 뼈저

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