profile
프론트엔드 개발자
post-thumbnail

React-slick 버그가 있다(..?)

프로젝트에 React-slick 라이브러리와 input 태그의 multiple 속성을 사용하여 이미지 CRU (Create, Read, Update) 구현하였다.구현하는 도중 버그아닌 버그(?)를 발견하였다!먼저 아래는 React-slick에서 제공하는 slider의

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

코드캠프 팀프로젝트 회고록

코드캠프에서의 8주 기간 후에 약 한달동안 팀프로젝트를 진행하였다.기간: 5/9 ~ 6/1인원: 프론트엔드 3명(본인 포함) / 백엔드 2명 / 디자이너 (😡)총 4주간의 팀프로젝트 여정을 주 단위로 끊어 회고록을 작성해보고자 한다.배포주소 : tempclothes.

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

Docker 너는 누구냐..?

귀여운 고래위에 컨테이너를 쌓아올린 마크 너무 귀염뽀작하다!이름은 docker(도커)인데 어떤 녀석일까?나는 이렇게 얘기하고 싶다. 어플리케이션을 패키징 할 수 있는 유용한 툴이라고!그리고, 우리가 만든 어플리케이션을 구동하는데 필요한 모든 것들을 docker cont

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

CSR vs SSR

서버사이드렌더링, 클라이언트사이드 렌더링을 알기 전에, 렌더링이란 무엇일까?렌더링: 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시하는 것클라이언트 측에서 렌더링하는 방식이다(모든 것을 다해먹는다)클라이언트 사이드의 전반적인 흐름을 적어보면,첫 요청할때 한페이지

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

8주차 - 금요일

앞으로의 프론트엔드 >>> Frontend서비스 안정성 높이기 >>> isSubmittinggit으로 협업하기 >>> Gitflow-Workflow년월일을 입력했을때, 자동적으로 .이 붙게 하는 것sentry.io => 에러가 어디서 났는지 수집하고, 어떤 ip에서 발

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

Promise vs Callback

promise는 자바스크립트에서 비동기를 간편하게 처리해주는 객체이다비동기처리는 '특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 것을 말한다프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용된다,즉, 일반적으로 웹 애플리케이션을

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

Event Loop

이벤트루프란 간단히 이야기 해서 브라우저 메인 스레드 동작 타이밍을 관리하는 관리자이다여기서 메인 스레드란 자바스크립트 코드 실행이나 브라우저 렌더링을 맡는 등 브라우저의 주된 동작이 수행되는 곳이다자바스크립트는 싱글 스레드 기반 언어이기 때문에, 한번에 하나씩 작업을

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

OOP vs FP

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

NoSQL vs SQL

SQL을 사용하면 RDBMS에서 데이터를 저장, 수정, 삭제 및 검색 할 수 있다관계형 데이터베이스에는 핵심적인 두 가지 특징이 있다.데이터는 정해진 데이터 스키마에 따라 테이블에 저장된다.데이터는 관계를 통해 여러 테이블에 분산된다.데이터는 테이블에 레코드로 저장되는

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

TS Generic

제너릭 타입은 타입에 유연성을 제공하여 컴포넌트 등에서 재사용을 가능하게 해주는 타입이다.타입의 유연성이란 :string, :number 등과 같이 고정된 타입이 아닌 사용에 따라 여러 타입을 사용하게 해준다는 것이다.이는 any 타입과 매우 흡사하지만 차이점이 있다.

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

Atomic Pattern

atomic 패턴이란 소스코드를 아주 작은 컴포넌트 단위로 먼저 쪼개는 방법을 의미한다. 이유: 컴포넌트의 중복을 최소화하기 위함이다.Atomic 패턴은 디자이너의 세계에서도 유명한 패턴이기 때문에 이 패턴에 능숙하면 디자이너들과의 협업시에 유리하고, 프로젝트 시작부터

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

React-router vs Next-router

react-router에 경우 주소창의 주소와 path부분을 비교한다. 비교를 할 때는 맨 위에서 부터 비교를 하면서 path와 주소가 일치하는 곳으로 페이지를 이동을 시킨다.Next.js에서는 router.push를 통해서 필요한 것만 뽑아서 url에 넣어주어서 페이

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

Immutable & Mutable

Mutable한 객체는 생성된 이후에 상태가 변경될 수 있는 객체Mutable은 바뀔 수 있는 변수 타입을 말한다. Javascript에서는 object와 array만 Mutable한 타입이고, 원시 타입은 Immutable하다.Immutable한 객체는 생성된 이후에

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

Virtual DOM

DOM(Document Object Model)은 웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 객체 모델을 의미한다.DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다.문서

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

Browser's Rendering Process

웹 브라우저는 동기(Synchronous)적으로 (HTML + CSS), Javascript 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어이다.출처: https://bbangson.tistory.com/87 뺑슨 개발 블로그사용자 인터페이스 사용자가

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

TIL - 8주차 목요일

목차 Docker Docker 부팅 등 운영체제의 핵심기능(커널)을 공유하는 가상머신 이미 설치할 목록이 셋팅되어 있으니, 내가 하나 하나 설치 안해도 되고 편하다! -> OS 전체를 다시 새로 설치하지 않아도 된다! -> 빨라졌다! > 개발/배포환경 통일 프로그램

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

Scope

Scope를 우리말로 번역하면 ‘범위’라는 뜻을 가지고 있다. 즉, 스코프(Scope)란 ‘변수에 접근할 수 있는 범위’.자바스크립트에선 스코프는 2가지 타입이 있다. 바로 global(전역)과 local(지역) 이다.전역 스코프(Global Scope)는 말 그대로

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

HTTP status code

http status code는 http통신이 성공적으로 완료 되었는 지를 알려준다. 응답은 5개의 그룹으로 나누어 진다. 정보를 제공하는 응답, 성공적인 응답, 리다이렉트, 클라이언트 에러, 그리고 서버 에러가 있다.100 : 요청을 받았으며 프로세스를 계속 진행한다

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

Shallow Copy & Deep Copy

깊은 복사(Deep Copy)는 '실제 값'을 새로운 메모리 공간에 복사하는 것을 의미한다얕은 복사(Shallow Copy)는 '주소 값'을 복사한다는 의미이다.얕은 복사의 경우 주소 값을 복사하기 때문에, 참조하고 있는 실제값은 같습니다.

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

Hoisting

호이스팅은 코드를 실행하기 전 변수선언/ 함수선언을 해당 스코프의 최상단으로 끌어올리는 것이 아니다!!호이스팅은 코드 실행하기 전 변수선어/ 함수선언이 해당 스코프의 최상단으로 끌어 올려진 것 같은 현상을 말한다.자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수

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