profile
프론트엔드 개발자
post-thumbnail

TIL DAY.35 [Back-end] SQL vs NoSQL

브랜디(Brandi)에서 운좋게 기업협업으로 인턴을 하게 된지 벌써 일주일이라는 시간이 흘렀다. 프론트 기술스텍을 Vue.js를 사용하는 브랜디에서 React 말고도 다른 기술스텍을 공부 할 수 있는 좋은 기회라 생각이 들어서 지원하게 되었다. 하지만 기업협업을 시작하

약 22시간 전
·
0개의 댓글
post-thumbnail

[React] Wanted 사이트 클론 팀 프로젝트 후기

Wanted 사이트 클론 팀 프로젝트 후기

3일 전
·
4개의 댓글
post-thumbnail

TIL DAY.34 [React] Redux 공부하기 2

Store을 은행으로 비유하고 그리고 스토어 안에는 state라는 실제 정보가 저장이 된다. 하지만 절대로 state에 직접 손을 대는것은 불가능하다. state를 만들 때는 reducer라는 것을 함께 만들어 줘야합니다.render은 UI를 만들어내는 코드들이다. s

5일 전
·
0개의 댓글
post-thumbnail

TIL DAY.33 [React] Redux 공부하기

2020년 10월 18일
·
0개의 댓글
post-thumbnail

TIL DAY.32 [Vue.js] 웹팩 사용하기 2

웹팩 이어서 공부하기

2020년 10월 18일
·
0개의 댓글
post-thumbnail

TIL DAY.31 [Vue.js] 웹팩 사용하기

https://media.vlpt.us/post-images/katanazero86/aba9c930-4af7-11ea-b431-d56bc1d096a4/vuejs-tutorial2d2a853c-aa2f-44b0-80df-933b495f77f8.png벌써 개발자로

2020년 10월 17일
·
3개의 댓글
post-thumbnail

TIL DAY.30 CodeKata 선택정렬(Selection Sort)

오늘 코드카타에서는 정렬알고리즘 중에 하나인 선택정렬에 대해서 문제를 풀어보며 배워보는 시간을 갖겠다.일단 정렬 알고리즘은 순서가 없던 데이터를 순서대로 바꾸어 나열하는 알고리즘이다. 정렬하는 방법에는 여러가지가 있지만 그중에서 제일 유명한 알고리즘은 4개로 간추려진다

2020년 10월 5일
·
2개의 댓글
post-thumbnail

TIL DAY.29 [React] Menu Tab 구현해보기!

오늘은 사이트에서 자주 사용되는 기능인 Menu Tab에 대해서 복습하는 시간이다. 메뉴 탭이 바뀌는 것에 따라 보여지는 정보도 달라지는 경우가 아주 많다, 그렇다면 이것을 코드로 효율적으로 구현 할려면 어떻게 해야할까?바로 객체에 특정 값을 맵핑하는 테크닉을 통해 좀

2020년 9월 30일
·
1개의 댓글
post-thumbnail

TIL DAY.28 [React] Monsters 과제 filter 메소드 활용하면서 복습

추석 연휴 덕분에 쉬면서 내가 약했던 부분을 그나마 되돌아가서 복습할 수 있는 시간이 생겼다.오늘은 1차 팀 프로젝트를 진행하면서도 제일 어렵다고 느꼈던 Array.map() 그리고 부모,자식 컴포넌트를 활용한 state,props 그리고 마지막으로 filter메소드를

2020년 9월 29일
·
0개의 댓글
post-thumbnail

[React] Converse 클론 팀 프로젝트 후기

프로젝트 소개 컨버스 클론 팀 프로젝트 1908년 미국에서 마르키스 컨버스의 의해 설립된 미국의 스포츠웨어 회사인 한국사이트 (https://www.converse.co.kr/)를 클론닝 하는 프로젝트 였다. 프로젝트 기간 2020년 9월 14일 ~ 20202

2020년 9월 28일
·
1개의 댓글

TIL DAY.27 Props, and State 복습

오늘은 1차 프로젝트를 진행하면서 이해하기 제일 어려웠던 props 와 state 를 복습하는 시간을 갖도록 하겠습니다.컴포넌트 내부의 immutable DataJSX 내부에 {this.props.propsName}컴포넌트를 사용할 때, <> 괄호 안에 props

2020년 9월 23일
·
0개의 댓글
post-thumbnail

TIL DAY.26 Pagination

목록형 UI에서 데이터를 한 번에 가져오는 것이 아니라 필요한 만큼만 가져와야 할때 또는 보이는 만큼만 백앤드에게 요청하고 응답받아 사용하는 방식입니다.게시판처럼 10페이지를 이동하는 방식뿐만 아니고 스크롤로 내렸을ㄷ 때 데이터를 받아 오는 것 또한 페이지 네이션에 해

2020년 9월 22일
·
1개의 댓글
post-thumbnail

TIL DAY.25 Reacts, Monsters 과제 복습

지금까지 배운 React 기초 개념(state, porps, events) 들을 직접 적용하고 응용해보며 내 자신의 약점을 복습해보았다. 이번 과제의 핵심은 주어진 키워드를 활용해 자료를 찾아보면서 적용시켜보는 것이였다. componentDidMount() 메소드를 통

2020년 9월 13일
·
0개의 댓글

TIL DAY.24 개별공부 array.map

프론트엔드로 전환 후 , 빠른 2주를 달리며 개념을 복습할 시간이 부족했는데 오늘은 다행히 개념을 복습할 수 있는 시간이 주어져서 array.map 즉 maping 에 대해서 좀 더 공부하는 시간을 가져보기로 했습니다.Map은 forEach와 마찬가지로 Array의 각

2020년 9월 10일
·
0개의 댓글

TIL DAY.23 React.Mock Data 활용법

프론트엔드 개발자는 백엔드로부터 API가 나오지 않더라도 mock data, 즉 가짜 데이터를 만들어서 미리 내가 만든 화면에서 데이터가 어떻게 나타나는지 테스트하며 개발을 진행 할 수 있습니다.실제 API에서 받아온 데이터가 아닌 프론트엔드 개발자가 필요에 의해 샘플

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

TIL DAY.22 React| Props & Event

props는 properties의 줄임말로 컴포넌트의 속성값입니다, 부모 컴포넌트로부터 전달 받은 데이터를 지니고 있는 객체로서 props를 통해 부모 컴포넌트로부터 자식 컴포넌트에게 state의 상태값, event handler를 넘겨줄 수 있습니다.클래스형 컴포넌트

2020년 9월 8일
·
0개의 댓글
post-thumbnail

TIL DAY.21 React State, Props,Event

state: 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값입니다. State는 화면에 보여줄 컴포넌트의 정보(상태)를 지니고 있는 객체입니다.클래스형 컴포넌트에서 state, 즉 해당 컴포넌트의 상태를 정의해보겠습니다.Class component | state클래스형

2020년 9월 8일
·
0개의 댓글
post-thumbnail

TIL DAY.20 React Router, Sass

SPA:페이지가 1개인 어플리케이션이란 뜻입니다. 전통적인 웹어플리케이션의 구조는, 여러 페이지로 구성이 되어서 유저가 새로운 페이지를 요청 할 때 마다 페이지가 새로고침되고 로딩할 때 마다 서버로부터 리소스를 전달받아 해석 후 렌더링을 하는 방식입니다.

2020년 9월 7일
·
0개의 댓글
post-thumbnail

TIL DAY.19 React Intro

Why React React는 페이스북에서 개발하고 관리하는 사용자 인터페이스(UI)를 만들기 위한 Javascript 라이브러리다. 리액트와 같은 프론트 엔드 라이브러리 혹은 프레임워크를 사용하는 가장 큰 이유 중 하나는 UI를 자동으로 업뎅이트 해준다는 점이다.

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

TIL DAY.18 Database

1.Database는 왜 필요할까?1차 정규형: 각 로우마다 컬럼의 값이 1개씩만 원자값(Atmoic Value)를 갖는다고 표현2차 정규형: 모든 속성은 기본키에 종속3차 정규형: 기본키를 제외하고 서로 종속불가2.RDBMS는 어떤 것들이 있을까?3.RDBMS란?

2020년 9월 3일
·
0개의 댓글