post-thumbnail

Wecode 2차 프로젝트 후기_Pinterest_Frontend

2주 프로젝트로 프론트 3명, 백앤드 1명이서 Pinterest 페이지를 만들었다팀명은 Pinterrorist! (우리팀 백앤드 nick의 작명센스) trello 와 매일 아침 stand

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

Wecode 1차 프로젝트 후기_Beats_Frontend

위코드에서 진행한 웹사이트 클론 프로젝트로 아이디어를 냈던 BEATS 홈페이지를 만들게 되었다 2주동안 백앤드1명 프론트3명이서 작업을 진행하였고 Trello 와 매일 아침 StandUP Meeting 을 하면서 작업을 이어나갔다CRA, React Router, Sas

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

TIL0523 westagram login code review

westagram clone coding 로그인과 회원가입 기능 코드리뷰로그인 코드 리뷰회원가입한 정보를 바탕으로 로그인 기능을 구현하였다post로 input 창에 들어온 정보를 보내 응답 메세지에 따라 메인 화면으로 이동하도록 구성하였다 한 input 창에 세가지 정

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

Westagram code review

서버에서 불러온 댓글 map 돌리는 함수componentDidMount 에서 불러온 데이터를 setState 로 저장해서 그 데이터를 Map으로 돌리는 코드인데 자꾸 map에서 에러가 났다 확인해보니 props 로 전달되는 값이 없었다 그래서 다시 살펴보니 Lifecy

2020년 5월 23일
·
0개의 댓글

TIL0519 javascript, react

특정 배열에서 중복되는 수 중 과반수를 반환하는 코드trello 협업할 때 같이 사용하는 투두리스트 같은 것상황에 따라 바꿀 수 있는 툴

2020년 5월 19일
·
0개의 댓글

0518TIL react, set, dictionary

react에서 array 에 데이터를 추가할때는 push를 쓰면 좋지 않다push를 쓰면 값이 추가되기는 하지만 결국 가리키고 있는 배열은 똑같기 때문에 react 가 업데이트를 비교할 수 없다 그래서 새로운 배열을 만드는 concat 을 사용하는 것이 좋다

2020년 5월 18일
·
0개의 댓글

TIL 0514 react, database

props 사용자가 컴포넌트를 사용하는 입장에서 중요한것state 는 props 의 값에 따라서 내부의 구현에 필요한 데이터컴포넌트가 실행될 때 constructor 함수가 먼저 실행되서 초기화를 시킨다Database 란 데이터를 저장 및 보존하는 시스템을 말한다

2020년 5월 15일
·
0개의 댓글

TIL0513 http, javascript, sass

한 태그에 여러 클래스가 존재하는 경우 부모 위치에 클래스 스타일을 지정해줘야 둘 다 적용된다 함수에 숫자 배열과 특정 수를 인자로 넘기면 숫자 배열 안에서 두 수를 더해서 특정 수가 나오는 index 를 배열에 담아 리턴

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

TIL0512 lifecycle, call, bind, react review

React Component 의 Lifecycle 컴포넌트를 class 로 생성하면 아래의 순서를 따라서 진행된다

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

TIL0511 Data Structure, state, super, props

state state 는 동적 데이터와 함께 작업하는 object 이다 state 는 class component 와 함께 사용한다 class component 는 render 안에 return 이 있는 구조이다

2020년 5월 11일
·
0개의 댓글

TIL0510 class, 상속, super,__proto__,Object.create()

class 로 객체를 생성할 수 있다

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

TIL0508 배열과 객체,this,prototype

배열은 저장된 데이터들이 순서를 가지고 있어 인덱스로 접근 가능하다 배열은 length 로 반복문을 돌릴 수 있다 하지만 객체는 순서가 없다 key 와 value 로 구성되어 있다

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

TIL0507Component, props, map

component 는 대문자로 시작해야 한다props 란 component 에 넣는 것들 html과 비슷한 방식(div class="name")이다 props 는 argument 로 간다props 에는 string 말고도 boolean 등 넣을 수 있다

2020년 5월 7일
·
0개의 댓글

TIL0506 WEB, spread, rest, Component

사용자가 브라우저에서 요청하면 서버가 응답해 콘텐츠들을 보내주는 형식이다 인터넷도 항상 연결되어 있어야 하고 절대 꺼지지 않는 컴퓨터가 필요하다 그런것을 담당하는 서비스가 있다 (웹 호스팅 서비스 AWS ec2/S3, cafe24 호스팅센터 등)

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

TIL0505 삼항 연산자, 단축평가 논리 계산, 기본 파라미터, 비구조화 할당

삼항 연산자 if문 처럼 특정 조건에 따라 값이 달라지는 식에서 if문 처럼 삼항 연산자를 사용할 수 있다 기본 구성 => 조건 ? true일때 : false일때;

2020년 5월 5일
·
0개의 댓글

0504TIL React

리액트에서는 virtual DOM 을 사용해서 업데이트가 필요한 곳의 ui를 렌더링한다 그리고나서 실제 dom과 비교해 차이가 있는 곳을 찾아 패치시킨다

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

TIL0503 Westagram Clone Coding Review

인스타그램 로그인 부분의 버튼 이벤트를 넣었다 id 와 pw 의 value 값을 가져와서 value가 비어있으면 버튼이 활성화 되지 않도록 구현하였다 버튼 스타일이 변하는 부분은 css에 미리 클래스를 만들어 놓고 add로 추가하는 방법으로 효과를 주었다

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

TIL0502 Arrow function, map

Arrow function ES6에서 연산자를 사용해서 간결하게 함수를 생성할 수 있다 인자가 하나일때는 () 생략 가능 함수가 return만 한다면 return 키워드 생략 가능 map map은 배열을 요소의 개수 만큼 반복해준다

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

TIL0501 javascript review

var, let, const javascript에서 변수를 선언하는 방법은 var, let, const 이렇게 세가지가 있다 먼저 var 는 같은 이름의 변수를 한 번 더 선언해도 에러가 나오지 않는다

2020년 5월 1일
·
0개의 댓글

TIL0430 Object, for-in, flex

object 객체 리터럴 이라고 부르는 {}를 사용하여 객체는 다른 데이터 타입처럼 변수에 저장할 수 있다 객체는 순서가 없다 순서가 있는 데이터는 배열이다 배열은 index로 접근해서 불러오거나 추가가 가능하다 > 객체는 키(key) - 값(value) 의 쌍으

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