프론트가 서버에 데이터를 요청할 때어떻게 데이터를 주고 받을지 형식을 정해야 한다.서로의 형식이 다르면, 올바르게 서버에 데이터를 요청했어도요청이 실패할 수 있다.예를 들어,필자가 다음과 같이 post 요청을 했다.Post.jsxprops로 검색값을 받아와서버튼을 누르

수정전 페이지height의 크기가 큰 사진이 페이지를 뚫고 나가버리는 현상수정후 페이지수정후 코드사진의 최대 높이를 설정해주었다.

마이크로 서비스 기반 앱 제작 노드 기반 앱 제작 노드란 무엇인가 리액트 플로우 라이브러리에 대해 소프트웨어 아키텍처 모놀리스 아키텍쳐(설계도) -하나의 프로그램(프로젝트) 안에 모든 기능을 만드는 것. 프로그램이 너무 복잡하지 않다면, 모놀리스 아키텍쳐 방식으로 제

Q1. CSR과 SSR가 무엇인가요? > A1. CSR은 클라이언트 사이드 렌더링(Client Side Rendering)의 줄임말이고, 서버에 요청한 데이터를 클라이언트에서 렌더링합니다. SSR은 서버 사이드 렌더링(Server Side Rendering)의 줄임말

6월 초, 6개월간 달려오던 부트캠프 일정이 끝났다.나름 마음을 강하게 먹고 시작했지만,생각 이상으로 힘든 시간이었다.잘할 수 있다 생각했는데나의 이해도가 약한건지..진도가 너무 빠른건지..아니면 그냥 프로그래밍이 어려운건지(이건 빼박 팩트)..5월달 메인프로젝트를 시

splice >배열에서 특정 항목을 제거할 때 사용함. 배열을 만들어보겠습니다. 이 배열에서 특정항목(4)을 제거하고 싶습니다. 내장함수 indexOf를 활용해서 특정항목(4)의 인덱스를 찾을 수 있고, splcie를 통해서 특정항목을 제거할 수 있습니다. sp

'모던 자바스크립트 Deep Dive' 책과 '리액트를 다루는 기술' 책을 통해 자바스크립트와 리액트의 기본을 학습해봅니다. 기본 개념 정리와 새롭게 알게 된 사실을 정리합니다.

'모던 자바스크립트 Deep Dive' 책과 '리액트를 다루는 기술' 책을 통해 자바스크립트와 리액트의 기본을 학습해봅니다. 기본 개념 정리와 새롭게 알게 된 사실을 정리합니다. 자바스크립트 1. 용도 : 본래 웹 페이지의 단순한 보조기능 처리 목적. 하지만, 프론

Intro 약 1달간의 부트캠프 메인프로젝트 대장정이 끝났다. (4월 28일 ~ 5월 25일) 프로젝트의 미흡한 코드는 계속 보수해나갈 계획이지만, 정규적인 프로젝트 기간은 마무리 되었다. 기념으로 오늘은 1달간의 과정을 회고해보는 시간을 가져보자! 회고 1주차

한동안 생활패턴이 망가지고, 맡은 페이지 완성에 집중하느라 회고를 못했다.멘토님의 다음과 같은 말씀이 없었다면, 난 아마 프로젝트가 마무리될 때까지 회고를 미뤘을 것이다.행군만으로도 충분히 지치고 힘들겠지만,우리는 그 와중에 군가도 부르고, 보폭도 맞춰야한다.페이지 개

✔️ 리팩토링스타일드 컴포넌트를 한 파일에 모아놓고, 단일출처를 지키며, 관리하기 편하게 만들었다.또한 '메뉴 추천 버튼' 기능을 구현하기 위해서는컴포넌트들의 구조를 정리할 필요가 있었다.전역 상태 관리를 해야 하기 때문이다.(메인 페이지에 대해 생각하면 할 수록,다양

기존에는 filteredData의 data를 바로 사용했었고,에러가 났었다.(e.g. filtereData.bookmark...)찾아보니, filter 메서드로 필터링된 새 배열을 반환한 후,map 메서드로만 보여줄 수 있다고 한다.즉, filter와 map 메서드는

어떻게든 형태는 갖춰보자는 마인드로 열심히 달렸다...Swiper 라이브러리 사용👉🏻 캐러셀, 가로스크롤 구현AOS 라이브러리 사용👉🏻 이미지 날라오는 효과 넣음StyledComponent 재활용👉🏻 2번째 페이지의 컴포넌트를 3번째 페이지에서 재활용 했다.

금일 한 일 ✔️ 레포지토리 병합/연결(git fetch) 학습 잔디이슈로 git과 레포지토리 병합에 대해 공부를 했었다. 레포지토리를 이런 저런 이유로 다시 만들어보고, 'remote add'로 레포지토리끼리 연결도 시켜보고, fetch/merge로 최신 데이터를

✔️ 멘토링 : 코드리뷰멘토님께 약 1시간 가량 코드 리뷰를 받았다.옷을 벗은 것처럼 창피했지만, 너무 가치있는 시간이기에 빡집중했다!! (그래서 넘피곤..)코드의 퀄리티를 정하는 기본적인 부분에 대해 이야기를 많이 들었다.(취업을 가르는 결정적인 요인이 될 수도!)시

금일 한 일 가짜데이터 JSON 서버 구축/연결 Main - FoodRecommend, Category, Bookmark, Review 컴포넌트 틀 잡기 컴포넌트

브랜치 생성/삭제 삽질👉git branch -d를 git checkout -d로 명령어를 착각해서 시간을 관련 학습에만 투자했다..구현할 기능 고민 및 체크리스트 적기(e.g. 어떤 데이터를 가져와야하는지, 기능끼리 어떻게 연결되어있는지 등)fork/clone 레포지

페이지의 컴포넌트를 나누고,본격적으로 branch를 나누어서 작업할 계획이었다.내가 명령어를 잘 기억하고 있는지 확인하기 위해로 branch를 만들고 삭제해보려고 했다.음...무엇이 잘못된걸까..?(에러 발생!! 이건 기회야🤩)newbranch가 삭제되지 않고, 현재

금일 한 일 메인페이지 컴포넌트 단위로 생각해보기 업로드중..

금일 한 일 velog 글 읽기 좋은 컴포넌트 설계하기 위해 고려해야할 6가지 블로그 작성(주간 회고) 노션에 담당페이지의 구현해야할 기능/디자인 작성 내일 할 일