profile
안녕하세요! 프론트엔드 개발자 새미입니다:D
post-thumbnail

[Project] 💼겟원티드 프로젝트

👉프로젝트 소개 2차 프로젝트로 원티드 사이트를 모티프로 개발자를 위한 채용정보 웹서비스의 기능들을 구현해보았다. 이번 2차 프로젝트는 클래스형 컴포넌트가 아니라 함수형 컴포넌트와 HOOK을 이용하여 리액트를 더 능숙하게 써볼 수 있는 기회였다. 모티프로 한 원티드

2021년 5월 9일
·
0개의 댓글
post-thumbnail

TIL 18 | React 불필요한 state 값 줄이기

2차 프로젝트 겟원티드를 시작한지 1주차! 이번에는 로그인과 회원가입을 구현해보았다. 2차 프로젝트는 클래스형 컴포넌트 대신 함수형 컴포넌트를 써보면서 익숙해 지는데 시간이 조금 걸린 것 같다.styled 컴포넌트도 써보면서 처음에는 불편했지만 익숙해지고 나니 css에

2021년 5월 2일
·
0개의 댓글
post-thumbnail

KLUSH, 기억하고 싶은 코드 1 - setState

러쉬 클론 코딩 프로젝트에서 setstate의 비동기적 특성부분에 대해 알아가면서 에러를 고치고 리팩토링한 코드를 정리해보려한다!처음에는 componentDidMount()에서 if 문으로 activeTab의 state 값에 따라 fatch를 하는 코드를 두 번 작성했

2021년 4월 28일
·
0개의 댓글
post-thumbnail

[Project] 🌈러쉬 코리아 클론 프로젝트

위코드 1차 프로젝트로 러쉬 코리아 웹을 클론코딩 했다. 예전부터 UI가 깔끔하고 신선한 이벤트가 많은 러쉬코리아를 클론해보고 싶어 제안했었고, 여러 다른 후보들 중에 감사하게도 투표 결과 채택되었다. 리액트로 2주간 프론트엔드 3명 백엔드 3명의 팀원과 함께 진행했다

2021년 4월 25일
·
3개의 댓글
post-thumbnail

Algorithm 04 | code kata

풀이

2021년 4월 23일
·
0개의 댓글
post-thumbnail

TIL 17 | React 조건부 렌더링 코드 리뷰

클론 프로젝트를 시작하면서 상품리스트페이지와 상품 디테일 페이지 부분을 구현하고 있다! 기능을 구현 하면서 리액트의 라이프 사이클을 생각하면서 조건부 렌더링을 썼던 나의 코드를 리뷰하고자 한다! 아래와 같이 조건부 렌더링을 추가했다.그런데 코드 리뷰를 받아보니 여기서

2021년 4월 22일
·
0개의 댓글
post-thumbnail

TIL 16 | React 1차 프로젝트 수량 조정 기능 리팩토링

리액트 1차 프로젝트로 러쉬페이지 클론 프로젝트를 시작했다.어느덧 프로젝트를 시작한 지 1주차 리팩토링 한 코드를 스스로 리뷰 해보려 한다. 상품 디테일 페이지에서 최소 수량을 1개 부터 최대 수량이 20개 까지 조정할 수 있도록 기능구현한 부분에 대해 리팩토링했다.

2021년 4월 18일
·
0개의 댓글
post-thumbnail

Algorithm 03 | code kata

주어진 숫자 배열에서, 0을 배열의 마지막쪽으로 이동시켜주세요.원래 있던 숫자의 순서는 바꾸지 말아주세요.(새로운 배열을 생성해서는 안 됩니다.)Input: 0,1,0,3,12Output: 1,3,12,0,01) 먼저 배열에서 특정요소 0의 값을 제거해야한다.특정요소의

2021년 4월 14일
·
0개의 댓글
post-thumbnail

TIL 15 | React 비포 애프터 비교

로그인과 댓글 추가 기능을 구현하면서 두 가지 방법으로 구현을 하는 과정을 거쳤다. 우선 첫번째는 자바스크립트로 직접 DOM에 접근하여 DOM 요소들을 직접 생성하고 조작하는 방법이다. 이 방법은 자바 스크립트가 출현한 2세대 웹에서 웹을 동적으로 만들어 주는 것과

2021년 4월 11일
·
0개의 댓글
post-thumbnail

TIL 14 | fetch 함수를 통한 Data호출 실습

2021년 04월 07일 오후3시 벡엔드로부터 첫 데이터를 받아왔다!역사적인 순간을 기념하며 fetch 함수 사용법과 수정한 코드를 기록하려한다.실무에서는 fetch함수 보다는 axios 라이브러리를 많이 쓰지만, http 통신의 요청과 응답에 대한 이해가 더 중요한데

2021년 4월 9일
·
0개의 댓글
post-thumbnail

TIL 13 | React 리스트와 Key

오늘은 map 함수 적용시 key props를 부여하는 이유에 대해 알아보겠습니다.제가 직접 작성한 코드와 함께 리스트와 key 부분에 대해 소개하는 리액트 공식문서를 보면서 이해되지 않았던 부분들에 대해 다뤄보려합니다.map함수를 이용하여 댓글을 보여주는 Commen

2021년 4월 5일
·
0개의 댓글
post-thumbnail

TIL 12 | React 로그인 버튼 활성화 이벤트

안녕하세요. 개발자 새미입니다. 오늘 제가 배운것들을 정리합니다! today,i learned! HTML의 기본적인 구조와 기본 태그들을 복습합니다.

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

Algorithm 02 | code kata

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

2021년 4월 1일
·
0개의 댓글
post-thumbnail

Algorithm 01 | code kata 코드 수정

첫 코드카타 자바스크립트로 풀었습니다!앞으로의 문제들도 자바스크립트로 풀어나갈 예정이에요~반복문 안에 반복문을 돌려서 두개의 값의 더하여 target 값이 나오는 경우의 수를 확인해보고자 했다.반복문의 i,j의 초기값을 처음에는 둘 다 0으로 주었다.그리고 consol

2021년 3월 30일
·
0개의 댓글
post-thumbnail

TIL 11 | Object

자바스크립트를 공부하면서 객체에 대한 개념을 잡는데 꽤 힘든 고비가 몇 번 있었다.😂그래도, 객체에 대해서 공부하면서 느낀점은 양파같은 매력이 있다는 점이다. 까면깔수록 배울 것이 많은 객체에 대해서 정리해보려한다.✍️객체 지향 프로그래밍은 컴퓨터 프로그램을 명령어의

2021년 3월 28일
·
0개의 댓글
post-thumbnail

TIL 10 | 데이터 베이스 모델링 리뷰

스터디 팀원들과 스타벅스를 하나의 예시로 데이터 베이스 모델을 만들어보고 리뷰하는 시간을 가졌다.사례를 살펴보며 관계형 데이터 베이스에 대해 알아보자.일대일 관계에서 한 테이블에 있는 하나의 레코드가 다른 테이블에 있는 단 하나의 레코드가 연관되어 있습니다. 예를 들어

2021년 3월 25일
·
0개의 댓글
post-thumbnail

TIL 09 | 헷갈리는 연산자 정리

먼저, ==과 ===의 차이는 무엇일까요? 바로 타입 비교 여부입니다.==는 '값'만 비교합니다. ===는 '타입'까지 비교합니다! 아래 경우 자바스크립트는 정수형 1과 문자열 '1'이 값은 같다고 판단하지만 타입은 다르다고 판단합니다.console.log(1 == '

2021년 3월 21일
·
0개의 댓글
post-thumbnail

TIL 08 | CSS Position, display, float

포지션 속성에 대해서는 기본적인 개념이다보니 MDN과 생활코딩에 정리된 것을 많이 참고 했고 개인적으로 한번 더 정리하기 위해 기록해봅니다! static요소를 일반적인 문서 흐름에 따라 배치합니다. top, right, bottom, left, z-index 속성이 아

2021년 3월 17일
·
0개의 댓글
post-thumbnail

TIL 07 | CSS selector

CSS를 공부하며 아주 기본적인 것인데 몰랐던 것들...이라 (스스로 생각했을 때) 간단한 것인데 몰랐어서 머리방망이 맞은 오늘 새롭게 알게된 것들을 정리한다!selector:first-child{}selector:last-child{}selector:nth-child

2021년 3월 16일
·
0개의 댓글
post-thumbnail

TIL 06 | Semantic Tag

HTML과 CSS 기초를 복습했다.Semantic Web, Semantic Tags에 대해서 알아보자간단한게 말하면 문서의 의미에 맞게 구성된 웹이다.수많은 웹페이지가 생겨나면서 우리에게 필요하고 유익한 정보들도 많지만, 불필요한 정보들도 넘쳐나게 되었고, 이렇게 되면

2021년 3월 15일
·
5개의 댓글