개인과제 중에 처음으로 redux-thunk를 사용하게 되었다.여러 api를 호출하고 관리함에 있어 error를 통합 관리를 위해 error.slice를 만들었고App.jsx에서 toast 라이브러리를 사용하여 모든 페이지에서 알림을 볼 수 있게 설정하고 있었다.thu

HTTP 프로토콜 웹 통신은 약속(프로토콜) 프로토콜 서버(웹 서버)와 클라이언트(웹 브라우저)가 대화하기 위해 서로 약속된 방식이 필요하다. 서로 데이터를 주고 받아야만 오류가 없다. > 약속을 프로토콜 이라고한다. 웹에서 서버 클라이어트간 주고 받은 상호간의

작업브랜치 분리 후 dev 브랜치에 pull request 줘서 merge하는 걸 처음 했는데 변경사항과 진행상황이 뚜렷하게 보여서 좋다.기능별로 브랜치를 나누어 작업하고 pr만들고 코드 리뷰 후 머지하는 작업이 이제는 습관화 된거같다.기능 문제나 오류가 발생하면 팀원

프로젝트를 하다보면 중복되는 element를 많이 만들고 보게된다.react의 장점중 하나인 component이다.중복되는 요소를 component로 정의 해두고 필요한 곳에서 가져가 쓸 수 있다.그래서 이번 팀 프로젝트를 진행하며 자주 쓰이는 input들을 하나의 c

예약.

팀 프로젝트 진행 중에 signUp API는 잘 실행이 되었지만 signUp이 끝나고 onMutation에서 가입하는 회원의 데이터를 firestore에 데이터를 추가 저장을 하려고했는데아무런 응답과 에러가 없었다..이 사진 부분에서 문제가 있었다.. 데이터는 저장되지

어쩌다보니 특이한 프로젝트 명이 생겨버린..팀원들과 어떤 주제로 프로젝트를 진행할지 생각하다가 it뉴스에 대한 뉴스피드를 하자고 제안하셨고,그 주제를 정함과 동시에 머리에서 위의 프로젝트 명이 번뜩 떠올라 공유해 보니 다들 괜찮다고 하셔서 위 프로젝트명으로 진행하게 되

개인블로그(1) gatsby

상태란?일종의 데이터 저장 변경 관리하는 데이따리액트의 UI 렌더링에 필요한 정보들의 의미하기도 함.상태가 변경되면 UI가 리렌더링됨리액트는 데이터 흐름이 단방향이다.그럼 데이터 흐름이 양방향 인 것? -> ex) Vue리액트의 데이터 단방향 흐름의 단점망할 프롭스 드

"명예의 전당"이라는 TV 프로그램에서는 매일 1명의 가수가 노래를 부르고, 시청자들의 문자 투표수로 가수에게 점수를 부여합니다. 매일 출연한 가수의 점수가 지금까지 출연 가수들의 점수 중 상위 k번째 이내이면 해당 가수의 점수를 명예의 전당이라는 목록에 올려 기념합니

빈 병 a개를 가져다주면 콜라 b병을 주는 마트가 있을 때, 빈 병 n개를 가져다주면 몇 병을 받을 수 있는지 계산하는 문제입니다. 기존 콜라 문제와 마찬가지로, 보유 중인 빈 병이 a개 미만이면, 추가적으로 빈 병을 받을 순 없습니다. 상빈이는 열심히 고심했지만,

어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 한다.예를 들어 "AB"는 1만큼 밀먼 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다.문자열 s와 거리 n을 입력받아 s를 n만

오늘의 학습 주제는 알고리즘 문제 해결에서 기본적인 기법 중 하나인 브루트 포스(Brute-force) 알고리즘이었다. 이는 완전 탐색(Complete Search)의 일부이다 ## 브루트 포스란? - 정의: 모든 가능한 경우를 탐색하면서 결과를 얻는 알고리즘을 의미

배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다.예를 들어 array가 \[1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면array의 2번째부터 5번째까지 자르면 5, 2, 6,

가장 기본적인 hook함수형 컴포넌트 내에서 가변적인 상태를 갖게함일반 업데이트 방식은 버튼을 클릭했을 때 setNumber가 각각 실행되는게 아니라배치(batch)처리 한다. 즉, onClick을 했을 때 setNumber라는 함수를 세번 호출하지만리액트는 그 호출을

자바스크립트로 css코드를 작성하는 방식 props를 통해서 조건부 스타일링 가능하다. styled-components -> 해당 컴포넌트에 대한 스타일링css를 전통적인 방법보다 효율적으로 사용하기 위해 만들어진 언어.css는 웹 프로젝트 규모가 커지면 커질수록

isPacked가 true이면 체크모양을 표시하고isPacked가 false이면 체크모양을 표시하지 않는다.if문과 동일한 렌더링을 하지만많이 간결해 진다. isPacked가 true이면 name과 체크아이콘을 렌더링하고isPacked가 false이면 name만 렌더링

React 첫 과제로 ToDoList 작성을 하였다.이미 많은 ToDoList를 작성 했기에 큰 흐름은 잘 알고있기에이번에 작성하면서 \[].reduce로 todo목록과 완료목록을 나눈 방법을 되새기자 한다.보통 내가 생각하기로는 todo목록, 완료 목록을 뿌려 주려고

window 못생긴 scroll bar todo list 작성중에 todo card에서 p테그 안의 컨텐츠가 넘으면 스크롤이 될 수 있게 overflow: scroll;를 사용했다. (밑에 빨간색 테두리 안쪽부분) macos에서 개발하고 있는 나는 windo