profile
Front-End Devleoper 일껄요?
post-thumbnail

첫 번째 정거장 도착, 함께 일하는 법

1차 프로젝트가 끝났다.그때의 기억을 담백하게 남겨본다.보는 사람은 없겠지만, 코드는 없다.지극히 개인적인 의견이다.일기 같은 글이다.

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

좋은 사람들과 보폭을 맞추는 연습

팀 프로젝트가 시작되었다.각자 기획한 프로젝트를 위해 열심히 달린다.언제나, 어디서나 그렇듯이 사람마다 다른 보폭으로 걸어나간다.

2020년 6월 27일
·
4개의 댓글
post-thumbnail

[TO-DO]6월 24일

시간이 없다. 꼭 필요한 페이지들 부터 UI를 구현해나가야한다. 기능은 2주차에 도전!! 몰라 화이팅이다!!!!!!!

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

[Git] 지옥에서 온 깃 (실수를 적어둔다..)

자 간단하게 적겠다.git을 사용해서 초기 세팅을 할 때 '--save'를 빼먹으면 나의 로컬에만 저장이 된다... 알고있자...tig를 사용하면 git log를 좀 더 편한 ui로 볼 수 있다. 'force'를 사용해서 강제로 깃에 올릴 수 있다.초기 세팅때 라이브러

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

[TO-DO] 6월 23일 화요일

팀 프로젝트가 시작되었다. 팀장이되었다. 당분간은 대부분의 시간은 팀프로젝트에 할애해야한다. 개인적인 작업이나 공부는 잠시 멈추고 집중해서 잘 마무리해야된다.알고리즘 문제 풀이 (Code Kata)팀 스프린트 (PM 1:00)상품리스트 페이지 UI완성하기전체적인 페이지

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

[TO-DO] 6월 22일 월요일

Team Project 1일차

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

[Algorithm] Day 2

근본적인 문제에 대한 생각보다는 한 줄 한 줄 해결하는 것이 목표가 되어서 코드가 깔끔하지 못하고 자꾸 길어진다. 주의하자이 문제의 핵심은 0보다 작은 숫자를 어떻게 다루는지이다. '-'를 붙일 생각을 하다니...수학적으로 접근이 필요하다. 다양한 방향에서 접근하도록

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

[Algorithm] Day 1

더 좋은 코드를 위해 개발자는 문제해결 능력을 키워야한다. 선천적인 재능이 있다면 좋겠지만 없다 할지라도 좋은 로직과 코드들을 적어보고 접한다면 발전할 수 있지 않을까 희망해본다.나는 왜 쓸데없이 공배열을 만들었는가?왜 나는 for in을 사용하면 'i'와'j'가 st

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

나는 쉴 자격이 있는가

위코드가 시작되고 4주차 주말이다. 동시에 다음 주 월요일부터 두 번째 단계인 팀 프로젝트로 넘어간다.인스타 클론코딩을 끝내고 백 엔드와 프론트 엔드가 서로의 데이터를 주고받는 실습을 마지막으로 크게 주어지는 과제는 없었다. 아마 다음 주부터 시작되는 "팀 프로젝트라는

2020년 6월 20일
·
2개의 댓글
post-thumbnail

[TO-DO] WeekendsPlan (6/20~6/21)

JavaScript 다시 복습 - 훑어보기백엔드와 프론트엔드의 데이터를 주고받는 과정 정리 (API,REST,fetch,promise ...)algorithm 1주차부터 2주차까지 다시 풀고 내가 만든 로직으로 블로깅제품 디자이너 포트폴리오 사이트 제작 시간날 때마다

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

[React] 백앤드와 프론트앤드의 통신을 위해 알아야 할 것들...

API 백앤드와 통신하는 과정에서 너무 자주 나오는 개념이라 정리하고 넘어가려고한다. Application Programming Interface,응용 프로그램 프로그래밍 인터페이스 응용프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어

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

[프로젝트] 프로젝트 초기 세팅

터미널에서 원하는 디렉토리 폴더로 이동한다. 'npx create-react-app 프로젝트명' 명령어 입력 후 설치 'src'폴더 안에서 index.js만 남기고 모든 파일을 삭제한다. 'src'폴더 밖에서 .env파일을 만들어준다. .env 파일 안에 'NO

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

[TO-DO] 6월 19일 금요일

알고리즘 문제 풀이 (Code Kata)English Study세션 준비JavaScript 복습블로깅 내용 복습이번주 협업을 위한 세팅기본 Directory 셋팅 (CAR)Instagram Clone RefactoringReact session 내용 정리React-Ro

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

[React] 몬스터를 잡다...

Prologue 새로운 과제는 몬스터를 때려잡는 것이다. 무려 API로 데이터를 호출해서 Map함수를 사용해서 컴포넌트를 재사용해서 ...... 너무 어려웠지만 항상 그렇듯 물리(시간)로 문제를 해결한다. 신기한게 주먹으로 한 번 치면 안되는데 100번 치다보면 된다.

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

나도 영어로... ver.4

Weekly Study Routine 월 : 기술 문서(영어) 지문을 하나 정해서 독해, 모르는 어휘, 표현들, 눈에 띄는 문장 구조,구성을 따로 정리 후 응용해서 다른 내용으로 예문 작성 화 : 영화, 미드 한 편의 장면내에서 어휘 표현과 구조를 정리해서 듣기와 발

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

[TO-DO] 6월 18일 목요일

알고리즘 문제 풀이 (Code Kata)English Study세션 준비JavaScript 복습블로깅 내용 복습이번주 협업을 위한 세팅기본 Directory 셋팅 (CRA)Instagram Clone RefactoringReact session 내용 정리React-Ro

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

[React] 이론 정리 Mark VI

constructor는 생성자 메소드로서 컴포넌트가 처음 만들어 질 때 실행된다.이 메소드에서 기본 state를 정할 수 있다.컴포넌트가 DOM 위에 만들어지기 전에 실행된다.컴포넌트를 화면에 보여준다. 이를 보통 렌더링이라 한다.컴포넌트에서 꼭 필요한 함수로 렌더함수

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

[React] 이론 정리 Mark III

1. LifeCycle 기본적으로 라이브러리, 프레임워크는 각각 lifecycle을 가지고있다. 우리가 사용하는 라이브러리나 프레임워크에 개발 스타일을 맞춰줘야한다. lifecycle을 잘 이해하고있어야 백엔드와 통신이 원활하다. 서버 개발자와 API를 통해 소통할

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

[React] 이론 정리 Mark II

state는 고정적인 데이터가 아니라 변경될 수 있는 데이터를 처리할 때 효율적으로 사용될 수 있다. 실제로 state 값을 변경해서 화면이 변경되면 render()함수가 다시 실행되어 실제로 화면에 적용해준다.state를 사용하기 위해서는 함수형 컴포넌트 대신에 클래

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

[React] 이론 정리 Mark I

웹개발을 보다 효과적으로 작업할 수 있도록 만든 JS기반 라이브러리선언적: 리액트는 대화형 UI를 작성하기에 유리하다. 데이터가 변경되었을 때 효율적으로 렌더링을 수행할 수 있도록 한다.컴포넌트 기반: 캡슐화된 컴포넌트가 상태를 관리하고 UI를 효과적으로 구성할 수 있

2020년 6월 17일
·
0개의 댓글