부트캠프에서는 비전공자가 개발자가 될 수 있도록 공부하는 방법을 가르쳐 주고 있다.공부하는 방법만 알고 있다고 해서 취업을 할 수 있는 것은 아니다.혼자서는 방향성을 잡기 어렵다.혼자 하는 것이 아닌 동료학습을 통해 협업하는 능력을 기를 수 있다.기업과제(케이스 스터디
FrontEnd에서 처리 가능한 무한스크롤무한스크롤을 위한 state 값추가로 상품리스트를 더 가져오는 함수로딩 상태를 바꿔주는데 타이밍 이슈가 있어setTimeout 으로 isLoading의 상태를 바뀔 수 있는 시간을 준다.추후 데이터를 DB에서 바로 받아오면 삭제
레이아웃 만들기컴포넌트화 하기한페이지 안에 styled-components 적용하기기능 구현 craouselmockdata화mockdata연결category별 필터링더보기에서 전체보기 무한스크롤로 변경인기순 페이지 구현(랜덤 or 예약순)BE에서 랜덤으로 데이터받기식당
레이아웃 만들기컴포넌트화 하기한페이지 안에 styled-components 적용하기기능 구현 craouselmockdata화mockdata연결category별 필터링더보기에서 전체보기인기순 페이지 구현(랜덤 or 예약순)식당이름으로 검색하기react-slick 사용하여
레이아웃 만들기컴포넌트화 하기한페이지 안에 styled-components 적용하기기능 구현 craousel, category별 필터링, 더보기에서 전체보기인기순 페이지 구현(랜덤 or 예약순)기능 구현 craousel react-slick 사용하여 사용중이나 커스터마
to do 레이아웃 만들기 컴포넌트화 하기 한페이지 안에 styled-components 적용하기 기능 구현 craousel, category별 필터링, 더보기에서 전체보기 인기순 페이지 구현(랜덤 or 예약순)
html tag와 className 대신에 변수로 만들어 사용 할 수 있다.tag와 className 대신변수명을 사용 할 수 있다.컴포넌트화 된다면 따로 파일을 만들 필요가 없다.또 상태의 변화의 따라 값을 다르게 주기가 편리하다.설치가 되어 있다면 자동으로 impo
술담화 웹페이지 클론코딩nav바, footer, 스토어페이지pm역할팀원 FE 4명, BE 2명클론코딩의 목적의 맞게 끔 최대한 비슷하게 만듬개인이 맡은 페이지를 기간내에 만들어 냄전체적인 미팅과 내용의 조율을 잘함각각의 성향에 맞는 페이지 분배시간에 맞는 스케쥴 조절매
body 태그의 css를 변경합니다. position을 fixed로 하고, top의 위치를 현재 스크롤 위치로 설정한 뒤 overflow-y: scroll; width: 100%; 을 추가 지정하면 스크롤바로 인해 배경의 위치가 움직이지 않고도 스크롤 방지를 할 수 있
자주 하는 행동이지만 습관을 들여야 할 사항이 있다.최상위 classNamer과 컴포넌트명과 동일하게 하기예를 들어 컴포넌트명이 Main.js이면 최상위 클래스네임도className="Main"으로 작명해 같은 파일임을 알아보기 쉽도록 해준다.무의미한 div로 태그의
타이밍 이슈로 인한 랜더링이 올바르게 되지 않아 잘 나오던 UI가 안나오게 되었다.ui가 랜더링 되기 전에 data가 넘어오는 바람에 타입에러가 발생되었다.
클론코딩 복사본 만들기화요일 하루동안 스토어페이지 작업을 하였다. 실제 상용화 되어있는 사이트를 클론코딩 하는 것이 쉽지는 않다. 월요일 하루동안 어떤식으로 페이지를 구성 할 것인가 고민을 하고 바로 작업을 시작하였다.눈대중으로만 레이아웃을 구성해봤다. 비슷
부트캠프 4주차를 지났다. 익숙한 일을 떠나 새로운 일을 시작한다는 것은 쉽지가 않다. 특히 이 개발공부는 러닝커브가 다른 업에 비해 높은 편이다.물론 누구나 할 수 없는 일이기 때문에 선택 한 이유도 있다.새로운 지식이 들어 올 때마다 앞에서 들어온 지식은 빠져나가
숫자로 이루어진 배열인 nums를 인자로 전달합니다. 숫자중에서 과반수(majority, more than a half)가 넘은 숫자를 반환해주세요.예를 들어,nums = 3,2,3return 3nums = 2,2,1,1,1,2,2return 2가정nums 배열의 길이
로마자에서 숫자로 바꾸기1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다.Symbol ValueI 1V 5X
public에 mock data파일을 만들어 접속해 사용 할 수 있다.public폴더에 commentData.json파일을 만들어 놓고 useEffect(() => { fetch('http://localhost:3000/data/commentData.js
숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부)예를 들어, num = 123 return false => 뒤집은 모양이 321 이기 때문
문제reverse 함수에 정수인 숫자를 인자로 받습니다. 그 숫자를 뒤집어서 return해주세요.x: 숫자 return: 뒤집어진 숫자를 반환!예들 들어, x: 1234 return: 4321x: -1234 return: -4321x: 1230 return: 321문제
문제처음 문제를 보고 수기코드로 모델링을 시작하였다. 역시나 지금의 실력으로는 문제를 보고 바로 머리속에 어떤방식으로 풀어야 할지 생각이 나지 않았다. 천천히 다시 읽어보니 어떤로직으로 풀어가야 할 지 생각이 들기 시작했다. 배열로 들어오는 인자들을 돌아가면서 겹치지