원티드_ 프리온보딩 코스_프론트엔드 에세이

부트캠프에서는 비전공자가 개발자가 될 수 있도록 공부하는 방법을 가르쳐 주고 있다.공부하는 방법만 알고 있다고 해서 취업을 할 수 있는 것은 아니다.혼자서는 방향성을 잡기 어렵다.혼자 하는 것이 아닌 동료학습을 통해 협업하는 능력을 기를 수 있다.기업과제(케이스 스터디

2022년 6월 20일
·
0개의 댓글

무한 스크롤(Infinite Scroll)

FrontEnd에서 처리 가능한 무한스크롤무한스크롤을 위한 state 값추가로 상품리스트를 더 가져오는 함수로딩 상태를 바꿔주는데 타이밍 이슈가 있어setTimeout 으로 isLoading의 상태를 바뀔 수 있는 시간을 준다.추후 데이터를 DB에서 바로 받아오면 삭제

2022년 5월 17일
·
0개의 댓글

2차 팀프로젝트 세번째

레이아웃 만들기컴포넌트화 하기한페이지 안에 styled-components 적용하기기능 구현 craouselmockdata화mockdata연결category별 필터링더보기에서 전체보기 무한스크롤로 변경인기순 페이지 구현(랜덤 or 예약순)BE에서 랜덤으로 데이터받기식당

2022년 5월 16일
·
0개의 댓글
post-thumbnail

2차 프로젝트 세번째

레이아웃 만들기컴포넌트화 하기한페이지 안에 styled-components 적용하기기능 구현 craouselmockdata화mockdata연결category별 필터링더보기에서 전체보기인기순 페이지 구현(랜덤 or 예약순)식당이름으로 검색하기react-slick 사용하여

2022년 5월 13일
·
0개의 댓글

2차 프로젝트 진행중

레이아웃 만들기컴포넌트화 하기한페이지 안에 styled-components 적용하기기능 구현 craousel, category별 필터링, 더보기에서 전체보기인기순 페이지 구현(랜덤 or 예약순)기능 구현 craousel react-slick 사용하여 사용중이나 커스터마

2022년 5월 12일
·
0개의 댓글

2차 프로젝트

to do 레이아웃 만들기 컴포넌트화 하기 한페이지 안에 styled-components 적용하기 기능 구현 craousel, category별 필터링, 더보기에서 전체보기 인기순 페이지 구현(랜덤 or 예약순)

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

Styled-components

html tag와 className 대신에 변수로 만들어 사용 할 수 있다.tag와 className 대신변수명을 사용 할 수 있다.컴포넌트화 된다면 따로 파일을 만들 필요가 없다.또 상태의 변화의 따라 값을 다르게 주기가 편리하다.설치가 되어 있다면 자동으로 impo

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

1차 프로젝트 회고록

술담화 웹페이지 클론코딩nav바, footer, 스토어페이지pm역할팀원 FE 4명, BE 2명클론코딩의 목적의 맞게 끔 최대한 비슷하게 만듬개인이 맡은 페이지를 기간내에 만들어 냄전체적인 미팅과 내용의 조율을 잘함각각의 성향에 맞는 페이지 분배시간에 맞는 스케쥴 조절매

2022년 5월 8일
·
0개의 댓글

모달 스크롤방지

body 태그의 css를 변경합니다. position을 fixed로 하고, top의 위치를 현재 스크롤 위치로 설정한 뒤 overflow-y: scroll; width: 100%; 을 추가 지정하면 스크롤바로 인해 배경의 위치가 움직이지 않고도 스크롤 방지를 할 수 있

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

리뷰수정사항 습관 들이기

자주 하는 행동이지만 습관을 들여야 할 사항이 있다.최상위 classNamer과 컴포넌트명과 동일하게 하기예를 들어 컴포넌트명이 Main.js이면 최상위 클래스네임도className="Main"으로 작명해 같은 파일임을 알아보기 쉽도록 해준다.무의미한 div로 태그의

2022년 5월 2일
·
0개의 댓글

리액트 타입에러 해결하기

타이밍 이슈로 인한 랜더링이 올바르게 되지 않아 잘 나오던 UI가 안나오게 되었다.ui가 랜더링 되기 전에 data가 넘어오는 바람에 타입에러가 발생되었다.

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

1차 프로젝트 스토어 레이아웃

클론코딩 복사본 만들기화요일 하루동안 스토어페이지 작업을 하였다. 실제 상용화 되어있는 사이트를 클론코딩 하는 것이 쉽지는 않다. 월요일 하루동안 어떤식으로 페이지를 구성 할 것인가 고민을 하고 바로 작업을 시작하였다.눈대중으로만 레이아웃을 구성해봤다. 비슷

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

4주차 회고록

부트캠프 4주차를 지났다. 익숙한 일을 떠나 새로운 일을 시작한다는 것은 쉽지가 않다. 특히 이 개발공부는 러닝커브가 다른 업에 비해 높은 편이다.물론 누구나 할 수 없는 일이기 때문에 선택 한 이유도 있다.새로운 지식이 들어 올 때마다 앞에서 들어온 지식은 빠져나가

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

[TIL]Code Kata Week2 Day2

숫자로 이루어진 배열인 nums를 인자로 전달합니다. 숫자중에서 과반수(majority, more than a half)가 넘은 숫자를 반환해주세요.예를 들어,nums = 3,2,3return 3nums = 2,2,1,1,1,2,2return 2가정nums 배열의 길이

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

[TIL]Code kata Week2-Day1 로마자에서 숫자로 바꾸기

로마자에서 숫자로 바꾸기1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다.Symbol     ValueI               1V               5X              

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

Mock Data 연결

public에 mock data파일을 만들어 접속해 사용 할 수 있다.public폴더에 commentData.json파일을 만들어 놓고 useEffect(() => { fetch('http://localhost:3000/data/commentData.js

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

React 댓글 추가, 삭제

구조분해할당 findIndex()

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

[TIL]Code Kata Day4

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부)예를 들어, num = 123 return false => 뒤집은 모양이 321 이기 때문

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

[TIL]Code Kata Day2

문제reverse 함수에 정수인 숫자를 인자로 받습니다. 그 숫자를 뒤집어서 return해주세요.x: 숫자 return: 뒤집어진 숫자를 반환!예들 들어, x: 1234 return: 4321x: -1234 return: -4321x: 1230 return: 321문제

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

[EHL]알고리즘 코드카타 Day 1

문제처음 문제를 보고 수기코드로 모델링을 시작하였다. 역시나 지금의 실력으로는 문제를 보고 바로 머리속에 어떤방식으로 풀어야 할지 생각이 나지 않았다. 천천히 다시 읽어보니 어떤로직으로 풀어가야 할 지 생각이 들기 시작했다. 배열로 들어오는 인자들을 돌아가면서 겹치지

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