post-thumbnail

mobiscroll trial 만료 시 해결법

진행하는 프로젝트에 캘린더 및 스케쥴러 기능을 구현해야 해서 이라는 라이브러리를 사용하기로 채택했다.mobiscroll에는 일정들이 내가 원하는 바 형태로 나오고drag & drop 과 resizing이 간편하게 가능해서 채택하게 되었다.하지만 이 라이브러리는 무료체험

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

sourcemap 오류 해결

프로젝트 협업 도중 dev 브랜치의 파일들을 pull 받아온 후npm i 를 했는데, 자꾸 sourcemap warning이 떠서 신경이 쓰여서 찾아 봤는데,package.json 파일에 Debug 부분에위와 같이 GENERATE_SOURCEMAP=false 를 sta

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

[WIL] 실전 프로젝트 중

저저번주 부터 실전 프로젝트를 시작했다.우리 조의 주제는 슬랙,노션,지라 등을 참고해 각 사의 장점들만 뽑은 팀 내 일정관리 툴을 만들기로 정했다.주제를 정하는데만 1주일이나 걸려서 시작이 조금 늦어진 감이 있다.내가 맡은부분은 로그인/회원가입 , 캘린더 , 게시판 이

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

[WIL] 클론 프로젝트 회고

실전 프로젝트에 들어가기 앞서 클론 프로젝트를 1주일간 진행 했다.우리 조는 과거에 서비스 했던 싸이월드를 클론 코딩 하기로 했다.내가 맡은 부분은 다이어리, 다이어리 댓글, 플레이리스트, 프로필 이다.우선 다이어리를 작성할 때 사진이 올라가게 했는데,사진을 서버로 보

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

[TIL] 미니 프로젝트 회고

프로젝트 회고

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

[TIL] Axios CRUD

node.js 와 브라우저를 위한 Promise 기반 http 클라이언트이다.다시말해 http를 이용해 서버와 통신하기 위해 사용하는 패키지이다.API서버는 FE에서 만드는 json-server를 사용한다.필자는 로컬환경에서 실행할 것 이기에, 프로젝트 내의 3001번

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

[WIL] 라이프사이클(클래스형vs함수형) / react hooks

라이프사이클?생명주기를 말하고, 컴포넌트가 렌더링을 준비하는 시점부터, 페이지에서 사라질때(unmount)까지의 사이클을 말한다.라이프사이클에는 9가지 단계가 있는데, 크게는 3가지로 나눈다.Mount : 컴포넌트가 생성되고, 브라우저에 처음 나타났을 때Update :

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

[TIL] Redux로 state값 변경법

우리가 redux를 사용하는 이유는 부모컴포넌트에서 자식컴포넌트로 prop를 내려주는 방식으로 state값을 수정하는 것에 대한 불편함이 있어 사용을 하니까, state를 redux로 수정하는 방법에 대해 알아야 한다.counter를 예시를 들어서 store 값을 변경

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

[TIL] Redux / useSelector

컴포넌트에서 컴포넌트로 state를 보내기 위해서는 원래 반드시 props로 전달을 해야 하기 때문에, 부모 관계가 되어야 했다.조부모 컴포넌트에서 손자 컴포넌트로 값을 보내고자 할 때도 반드시 부모컴포넌트를 거쳐야만 한다. 즉 부모컴포넌트는 해당 값이 필요가 없어도

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

[TIL] useEffect / 의존성배열

리액트 컴포넌트가 렌더링 될때마다 특정작업을 수행하도록 설정할 수 있는 Hook함수이다.정리하면, 어떤 컴포넌트가 화면에 보여졌을 때 내가 무언가를 실행하고 싶다면, 또는 어떤 컴폰너트갛 ㅘ면에서 사라졌을 때 무언가를 실행하고 싶다면 useEffect를 사용한다.실행하

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

[TIL] useState의 2가지 업데이트 방식

기존에 우리가 사용하던 방식함수형 업데이트 방식위와 같이 setState안에 수정할 값이 아닌, 함수를 넣을 수 있다. 그리고 함수의 인자에서는 현재의 state를 가져올 수 있고, {}안에서는 이 값을 변경하는 코드를 작성할 수 있다.두 방식의 차이점을 예제로 들면왜

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

[WIL] 3주차 리액트 기초

이번주 WIL은 state, props, 리렌더링 발생 조건에 대해서 다뤄볼 예정이다.Props정리State정리Props 변경 시State 변경 시부모 컴포넌트 렌더링 시🔥 Props 변경 시Props 업데이트가 일어나면 리런데링을 한다.Props가 변경되는 건 부모

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

[TIL] State / useState

state란 컴포넌트 내부에서 바뀔 수 있는 값을 말한다.그리고 우리는 useState라는 Hook함수를 통해 이 state의 상태를 변경해줄 수 있다.위 코드처럼 통상 react에서는 구조분해할당 문법을 통해 useState를 선언하고 사용한다.그럼 state의 값을

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

[TIL] Props / children

오늘은 props, children에 대해서 간단히 정리 해보려고 한다.부모 컴포넌트로부터 받아온 데이터부모에서 자식으로만 전달이 가능하다props 예시위에 코드와 같이 props를 여러번 전달을 할때에도 중간에있는 컴포넌트도 최하단에 있는 자식 컴포넌트의 부모이기 때

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

[TIL] 컴포넌트 / JSX

오늘은 간단하게 컴포넌트, JSX가 무엇인지, 그리고 어떻게 사용하는지에 대한 사용법에 대해서 공부했습니다.컴포넌트를 간략하게 설명하자면 화면을 구성하는 하나의 단위라고 할 수 있다.예를들면, 검색 컴포넌트, 로그인 컴포넌트,상품리스트 컴포넌트, 추천 상품 컴포넌트 등

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

[WIL] 2주차!! 알고리즘 주간

이번주는 JS기반 알고리즘을 공부하는 주간이었다.알고리즘 문제를 풀면서 ES5문법과 ES6의 문법차이에 대한 설명들이 많았다.그래서 이번 WIL에서는 ES5/ES6의 문법차이를 회고해보려고한다.차이점을 크게 나누어 보자면변수 선언 방식함수 선언 방식문자열 처리객체의 변

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

[TIL] React 시작 전 알아야 할 것(ES6 문법 / 페이지 실행)

화살표 함수객체와 배열 구조분해 할당함수 인자에서 구조분해 할당Spread Operator(전개 구문)Rest Operator(나머지 매개변수 구문)map, filter 메소드자바스크립트에서 기본적으로 함수를 만드는 방법은 2가지가 있다.function 키워드 를 사용

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

[TIL] React 주요개념

사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JS라이브러리 이다.컴포넌트(Component)라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕는다.SPA를 전제로 하고 있고, 가상돔을 활용하여 업데이트해야하는 돔요소를 찾아서

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

알고리즘 - 가운데 글자 가져오기

🔥 문제 설명문제 설명단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다.제한사항s는 길이가 1 이상, 100이하인 스트링입니다.입출력 예🔥 내가 작성한 코드s의 length를 2로나눴을

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

알고리즘 - 짝수와 홀수

업로드중..🔥 문제 설명문제 설명정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요.제한 조건num은 int 범위의 정수입니다.0은 짝수입니다.입출력 예🔥 내가 작성한 코드num이라는 매개변수를

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