profile
hello world!
post-thumbnail

[Webpack] Module not found 에러

웹팩 설정을 하면서 엄청난 에러를 만났다. 간단한 설정인데 당황스러웠다. 구글링을 해보니 모듈 설치 과정에서 문제가 발생한 것 같아고 package-lock.json과 node_modules를 지우고 다시 npm i 를 하면 해결이 된다고 했는데,,10번을 해도 해결이

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

[React] React + TypeScript + webpack + babel 프로젝트 초기 셋팅하기

CRA 는 Create React App의 약자이다. React를 처음 시작하는 사람들이 쓰기 좋다! 왜냐면 알아서 최적의 개발환경을 만들어주기 때문이다. CRA는 Webpack과 Babel을 따로 설치, 설정하지 않아도 된다. 그래서 편리하지만하지만 프로젝트 규모가

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

MVC 패턴

MVC 패턴은어떻게 나눌 것인가? 에 대한 해답 중 하나이다. 역할 분담을 할 때 가이드라인을 제시하는 방법 중하나이다. 설계 시 자주 발생하는 문제들을 피하기 위해 사용되는 패턴이다. 협업해서 개발할 때, 다른 사람이 작성한 코드와 기존 코드를 이해하는 것은 어렵다.

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

[React] 라이프 사이클

react의 각각의 컴포넌트는생성 -> 업데이트 -> 제거 단게를 차례로 겪는 생명주기(Life Cycle)을 가지고 있다. 크게 3가지로 나눌 수 있다. 생성(mount), 업데이트(update), 제거(unmount) 이다. 마운트는 컴포넌트 함수가 실행되고 결과물

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

[React] 등장부터 특징까지

react 이전에도 많은 라이브러리/프레임워크 존재했다. 이들 대부분이 MVC, MVVM, MVW 패턴을 기반으로 만들어졌다. Models가 공통점인데 models란 관찰 가능한 객체로 뷰와 양방향으로 바인드되어, 뷰가 변경되면 모델도 업데이트된다. 이 모델 패턴은 m

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

[React] Hooks 기초 개념

useState, useEffect에 대해서 알아보자.앱을 리액트 훅으로 만들면, class component, did mount, render..를 안해도 된다. 모든것은 하나의 function이 된다. = 함수형 프로그래밍 스타일이 된다. hook은 recompos

2021년 11월 30일
·
0개의 댓글
·
post-thumbnail

[React] Material-UI 사용하여 투두리스트 만들기

최종 프로젝트를 앞두고 팀원들과 회의를 진행한 결과 팀원 모두 중간 프로젝트에서 디자인에 많은 시간을 쏟다보니 개발 단계에서 힘이 빠졌다고 느껴서 Material-UI에 대한 필요성을 느꼈고 이번 프로젝트에서는 Material-UI를 사용하기로 했다. 프로젝트에 앞서서

2021년 11월 24일
·
0개의 댓글
·
post-thumbnail

Redux

리덕스(Redux) 는 Javascript app을 위한 예측가능한(predictable) state container이다. 리액트 뿐만 아니라 Augular, jQuery, vanilla JavaScript 등 다양한 framework와 작동되게 설계되었다. 즉, 리

2021년 11월 15일
·
0개의 댓글
·
post-thumbnail

[React] Side Effect란?

React 컴포넌트가 화면에 렌더링된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 Side Effect라고 한다. 대표적인 예로어떤 데이터를 가져오기 위해서 외부 API를 호출하는 경우,일단 화면에 렌더링할 수 있는 것들을 먼저 렌더링하고 실제 데이터는 비동기로

2021년 11월 14일
·
0개의 댓글
·
post-thumbnail

반응형 웹 만들기 2

css 속성을 통해 좀 더 편하고 쉽게 반응형을 만드는 방법을 알아보자.css 작업을 할 때 주로 픽셀(px) 단위를 사용한다. 하지만 고정 단위인 px보다 유동 단위인 %를 사용하면 좀 더 유연한 코드를 만들 수 있다. % 이외에도 유연한 값을 가지는 단위가 몇 개

2021년 9월 22일
·
0개의 댓글
·
post-thumbnail

반응형 웹 만들기 1

반응형 웹을 만들기 위해서는 이러한 뷰포트 메타 테그가 필요하다. 뷰포트(viewport)란, 웹 페이지에서 사용자의 보이는 영역을 말한다. 반응형을 위한 기본이자 핵심이다. media 라는 키워드로 사용한다. 타이틀은 40px이지만, 600px보다 작은 화면에서는 2

2021년 9월 22일
·
0개의 댓글
·
post-thumbnail

[SCSS] @mixin과 @include

@mixin 은 Sass 언어 전체에서 가장 많이 사용되는 기능 중 하나이다. 반복적인 작업을 손쉽게 할 수 있다. mixin을 선언할 때는 @mixin 지시자를 사용하며,적용시 @include 지시자를 사용한다. 위의 코드와 같이 인수 사용이 가능하다. $size의

2021년 9월 17일
·
0개의 댓글
·
post-thumbnail

[SCSS] 개념과 변수

오늘은 SCSS가 무엇인지와 Sass와 SCSS의 차이점그리고 변수에 대해 알아보고자 한다. 우리는 css 기본 문법만으로는 복잡한 상황에서 효율적으로 처리하기 어렵다. 따라서 전처리 도구인 sass, scss가 필요하다. Sass와 scss는 중괄호의 유무 차이 빼고

2021년 9월 16일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 숫자 문자열과 영단어

오늘은 프로그래머스의 숫자 문자열과 영단어 를 풀어보자.난이도가 낮은 문제이다. 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다.1478 → "one4seveneight"234567 → "23four5six7"10203 → "1zerotwozero3"이렇게 숫자의 일부

2021년 9월 15일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 로또의 최고 순위와 최저 순위

문제민우의 로또 번호를 반복문으로 순회하면서 당첨 번호와 비교한다. 1\. 같은 번호가 있으면 correct_count를 하나 증가한다. 2\. 0이 있으면 zero_count 를 하나 증가한다.

2021년 9월 14일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 순위

https://programmers.co.kr/learn/courses/30/lessons/49191 > 저번주에 알고리즘 매일 풀기로 다짐했으나 나태지옥에 빠진 나... 그래서 오늘부터 친구와 알고리즘 스터디를 진행하기로 했다. 😎 시간제한을 두지 않고 문제를

2021년 9월 13일
·
0개의 댓글
·
post-thumbnail

디바운스(Debounce)와 스로틀(Throttle) 차이점

어제 무한 스크롤을 구현하면서 공부했던 부분이다. 한번 더 개념을 짚고 넘어가보도록 하자😎 DOM 이벤트를 기반으로 실행하는 JavaScript를 성능을 고려하여 양적인 측면, 즉 이벤트를 제어(제한) 하는 방법이다.예를 들어보면,무한 스크롤을 구현할 때 사용자는 느

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

TIL | 오늘의 고민들

오늘은 하루를 보내면서 궁금했던 부분과 새로 알게된 부분들을 정리하면서 마무리하려고 한다. 컴포넌트를 불러올 root가 필요하기 때문이다. 컴포넌트를 선언하는 부분과 만들어서 실행하는 부분의 분리이다.컨텐츠를 페이징 하는 기법 중 하나아래로 스크롤하다 컨텐츠의 마지막

2021년 9월 8일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 가장 먼 노드

https://programmers.co.kr/learn/courses/30/lessons/49189n개의 노드가 있는 그래프가 있습니다. 각 노드는 1부터 n까지 번호가 적혀있습니다. 1번 노드에서 가장 멀리 떨어진 노드의 갯수를 구하려고 합니다. 가장 멀리

2021년 9월 7일
·
0개의 댓글
·
post-thumbnail

TIL | 배포는 짜릿해

오늘은 저번주에 진행한 노션 클로닝 프로젝트를 배포해보는 시간을 가졌다. 😎 배포를 하는 방법에는 크게 6가지가 있다. 가장 복잡하고 난이도가 있다. infra 지식 또한 필요하다. 그리고 가장 큰 문제는 비용이 발생한다는 점이다. 나처럼 상업적인 목적으로 배포하지

2021년 9월 7일
·
0개의 댓글
·