post-thumbnail

TIL_61_2차 프로젝트 후기

어느새 2차 프로젝트가 끝이 났다고..?1차 프로젝트 마무리도 얼떨떨한데.. 2차프로젝트 후기를 써야할 때가 오다니. 위코드에서의 시간은 정말 순식간이구나.. 싶다.이번에 맡은 사이트는 한정판 스니커즈 또는 옷을 거래할 수 있는 사이트 'KREAM'이다.프론트엔드: 재

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

TIL_52_1차 프로젝트 후기

카카오 프렌즈샵 클론을 하게 되다. 그리고 PM을 맡게 되다.프론트엔드에는 준우님, 성훈님, 나은님 그리고 나 이렇게 네 명과 백엔드에는 왕록님, 정원님 까지 총 6명이 한 팀이 되었다. 일단 나는 모든게 두렵고 자신이 없었다. 어떻게 백엔드와 소통이 되는지 그 구조

2021년 3월 27일
·
12개의 댓글
post-thumbnail

TIL_51_동적 라우팅

상품 리스트 페이지에서 해당 상품을 클릭시 상세 페이지로 넘어가는 기능은 어떻게 구현할까요? 단순히 path를 바꿔준다고 해서 해당 상품에 대한 상세 페이지로는 넘어갈 수 없습니다. 동적 라우팅을 통해 제품의 상세페이지로 이동하는 방법에 대해 알아보겠습니다.동적라우팅?

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

TIL_50_Life Cycle 과 조건부 랜더링

constructorrendercomponentDidMount(fetch 완료)다시 render (setState)componentDidUpdate (setState 되었기 때문에 컴포넌트 업데이트 발생)componentWillUnmountstate에 담긴 데이터를 변

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

TIL_48_with Wecode 038 몬스터 과제

몬스터 과제에 대한 내용을 벨로깅 해보겠다.

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

TIL_47_with Wecode 037 인스타그램 클론 마무리

어쩌저찌 위코드 4주차가 되었고 인스타그램 클론도 마무리 단계에 접어들었다. 따로 추가기능들을 구현할 예정이지만 공식적으로는 마무리가 되었기에 간단한 리뷰를 남기도록 하겠다. 코드리뷰 후 부족한 코드들은 보충을 하고, 잘못된 코드들도 수정을 하였고 scss 네스팅도 완

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

TIL_46_with Wecode 036 Mock data 활용법

Mock data?실제 API 에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터mock data 를 만들어 데이터가 들어오는 상황을 미리 대비하고 UI 가 기획에 맞게 구현 되는지 확인Backend 와의 소통 - 주고 받는 데이터가 어떤

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

TIL_45_with Wecode 035 React

map 함수에 대한 이해가 부족하다 보니, 코드를 완전히 이해하는데 시간이 걸렸던.. 미션... 하고나서 보니 막상 코드는 몇 줄 안되는데 왤케 머리를 싸매고 고민한건지 ㅠㅠ주석으로 참고 내용을 써놓긴 했지만 한번 더 봐보자면, 일단 댓글이 어떤 식으로 달릴지를 생각해

2021년 3월 9일
·
2개의 댓글
post-thumbnail

TIL_44_with Wecode 034 React

React 과제에 대해 잠깐 정리를 해보려고 한다.로그인 ID 와 PW 입력창에 입력을 했을 때, 그 값을 state에 저장하는 것이 첫 번째 미션.일단 id 와 password 현재 값들은 state에 저장하기 위해서 state를 지정해준다. 아래 40번 라인을 보면

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

TIL_43_with Wecode 033 git & github

깃 중간시험 과 팀으로 모여 프로젝트를 했었다. 그에 대한 정리를 조금 해보려고 한다..내 깃허브 계정에 들어가서 생성하면 된다.오른쪽 상단에 있는 초록색 버튼 New 누르기1 부터 50까지 숫자 중 짝수만 반환되는 배열이 되도록 함수를 만들어줬다. 아직 새로은 브랜치

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

TIL_42_with Wecode 032 React

Props?단어 뜻 그대로 컴퍼넌트의 속성값을 의미.props는 부모 컴퍼넌트로부터 전달받은 데이터를 지니고 있는 객체.props를 통해서 부모 컴퍼넌트로부터 자식 컴퍼넌트에게 State의 상태값, event handler를 넘겨줄 수 있다.class형 컴퍼넌트에서 p

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

TIL_41_with Wecode 031 React

state?뜻 그대로 컴퍼넌트 내부에서 가지고 있는 컴퍼넌트의 상태값.화면에 보여줄 컴퍼넌트의 UI 정보를 지니고 있는 객체.예시) class형 컴퍼넌트에서 state를 정의클래스형 컴퍼넌트 안에는 필수적으로 render 함수가 필요하고 화면에 나타내고 싶은JSX 요소

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

TIL_40_with Wecode 030 React

Sass? Scss?SCSS와 SASS는 CSS를 편리하게 이용할 수 있도록 도와주며 추가 기능도 있는 확장판 ( CSS를 확장하는 스크립팅언어)예를 들어html 코드이런 코드가 있다고 치자. 이 html코드를 꾸밀 때SCSS와 SASS, 그리고 CSS의 차이점을 확인

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

TIL_39_with Wecode 029 React

🙂 index.htmlpublic 폴더에 있다. 메인 프로그램인 index.js에 대응되는 것으로, HTML 템플릿 파일이다. 이 파일이 직접 표시되는 것은 아니고, index.js에 의해 일어 와서 렌더링된 결과가 표시된다. 유일한 html 이다.🙂 index.j

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

TIL_38_with Wecode 028 html, css, javascript 인스타그램 클론-2

인스타그램 클론 두 번째. 메인페이지에 대한 기록을 해보겠다. div 태그를 남발하고 싶지 않았는데 묶어줄 건 묶어줘야 정렬을 해줄 수가 있어서.. 일단 이게 나의 최선이다ㅠ 레이아웃 잡는건 조금 귀찮고 번거로울 순 있지만 그래도 시간만 주어진다면 어떻게든 해낼 수

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

TIL_37_with Wecode 027 React

React?페이스북에서 개발한 라이브러리.오로지 보이는 것 (view)만 담당.생태계가 활성화 되어있다? 사용자가 많다. -> 즉 내가 겪은 문제들을 이미 겪은 사용자들이 많고 좀 더 빠르게 문제 해결이 가능 + 효율적으로 대처 가능.사용자 인터페이스를 만들기 위한 자

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

TIL_36_with Wecode 026 javascript about object

객체의 키를 변수로 접근키 하나를 생성하고, 그 키에 값을 할당해주려고 할 때, 키와 값을 변수를 통해 받아오려면?verb 의 값을 키로 사용해야 하고, project의 값을 그 키의 값으로 사용한다고 할 때,위와 같이 할당이 가능하다.information 객체 안에

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

TIL_35_with Wecode 025 javascript about array methods

array의 반복문으로 사용하는 map 과 forEach 메소드에 대하여.Array.map() 이란?map 메소드는 배열을 반복해주는데 callback 함수에서 return한 값으로 각각의 요소 하나하나를 수정해준다. 결과는 1, 4, 9;const squares =

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

TIL_34_with Wecode 024 javascript 중간 시험

어제는 2주차 금요일이라서 중간시험을 보았다. 각 질문과 나의 코드를 살펴보는 시간을.. 가져보겠다..짝수인지 판별하는 함수 isEven을 작성 주세요.console.log(13); //"짝수가 아닙니다."console.log(10); //"짝수 입니다." 란 결과가

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

TIL_33_with Wecode 023 Git & Git Hub

Git 이란? 분산 버전 관리 시스템 (VCS)이다. 쉽게 말해, 프로젝트 파일의 변경 사항을 추적하는 시스템이다. 깃을 통해 프로젝트의 변경 사항을 기록하고, 특정 시점의 버전으로 돌아갈 수 있다. 이렇게 버전 관리가 되기 때문에 함께 작업을 효육적으로 할 수 가 있

2021년 2월 27일
·
0개의 댓글