profile
Frontend Developer

#38. 위코드 부트캠프를 돌아보며

부트캠프 시작 웹개발 프로젝트를 하면서 자바스크립트의 개념에 대한 이해가 부족했지만 리액트 라이브러리를 사용하며 기능이 작동하도록 만들었다. 사실 이전에 필요한 지식들, 가령 클래스와 인스턴스등을 이론적으로 접했을 때 이해하기가 어려웠다. 그래서 우선, 경험적으로 얻는

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

#37. React-Native 개발환경 세팅

안녕하세요 RN개발환경 세팅에 대해서 알아보겠습니다.

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

#36. React Native Navigation

React Native란? > React Native는 React를 사용하여 Native Apps(모바일 기기에 직접 다운로드하여 사용하는 앱)를 개발할 수 있는 프레임워크입니다. github참조 Expo란? > Expo는 React application을 위한 프

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

#35. Next.js 사전렌더링으로 데이터 가져오기

왜 사전렌더링하여 데이터를 가져올까요?

2020년 12월 28일
·
2개의 댓글
post-thumbnail

#34. nextJS 동적라우팅 (데이터 생성/가져오기)

동적 라우팅을 빨리 써보고 싶어서 레이아웃 작업이 끝나기 전에 실행해봤어요!! 메인 상품 페이지에서 상품 클릭 시, 해당 상품의 상세정보를 보여줄 때 사용할 수 있습니다. 사용한 프레임워크 및 라이브러리 nextJS, react-hooks, scss, axios

2020년 12월 27일
·
1개의 댓글
post-thumbnail

#33. 자바스크립트 오늘의 날짜 구하기 (2020.12.25 15:36)

프로젝트를 진행하다가 마주친 요청시간 구하기!!javascript를 공부하면서 만났던 친구를 실전에 적용하게 되었습니다.JavaScript 내장객체이면서 함수인 Date()를 사용하면 다음과 같은 값을 얻을 수 있습니다. Date()는 위의 값을 반환합니다. 그러나 제

2020년 12월 25일
·
1개의 댓글

#32. Array.map()의 활용 정리

배열의 메서드로, 배열의 각 요소에 대해 제공된 callback함수를 순서대로 호출한 뒤 새 배열을 반환합니다. 값이 할당 된 배열의 인덱스에 대해서만 호출됩니다. 따라서 새 배열을 활용할 경우에 사용하기 좋습니다.MDN 참조처음에는 이해가 안됐습니다... MDN의 S

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

#31. Wecode 2차 프로젝트 회고록

2.9cm 클론코딩 > 2.9cm는 온라인 미디어 커머스 29cm를 클론한 사이트입니다. 29cm만의 차별화는 사용자의 라이프스타일과 취향을 분석하고 셀렉팅하여 사용자와 소통한다는 점입니다. 팀원 소개 🌝 Front-end: 박현재(본인), 김태현 🌝 Back-e

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

#30. React | Hook

Hooks? > Hook은 함수 컴포넌트에서 React state와 생명주기 기능을 연동(hook into) 할 수 있게 해주는 함수입니다. Built-in Hooks의 핵심적인 역할을 하고 있는 2가지 useState, useEffect에 대해서 알아보겠습니다.

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

#29. Git WorkFlow & Git Rebase

Git WorkFlow > Git WorkFlow란 깃의 작업 흐름(패턴)입니다. 중앙집중형(Centralized)방식으로 일관되고 효율적인 작업환경을 만들어서 작업할 수 있습니다. 먼저, 마스터에서 Develop Branch를 만듭니다. .png) Develop b

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

#28. wecode | 1차 프로젝트 후기

StyleCode > Fashion & Beauty 정보공유 플랫폼인 StyleShare를 클론코딩한 사이트입니다! 팀원 소개 FrontEnd 장호철(PM) 박현재(본인) 엄문주 BackEnd 백승찬 김민구 정현석 PM님의 리더쉽 덕분에 일사천리로 진행되었고, 서로

2020년 11월 29일
·
1개의 댓글

#28. 무한 스크롤 (infinite scroll) 구현

// infiniteScroll = () => { // const scrollHeight = Math.max( // document.documentElement.scrollHeight, // document.body.scrollHeigh

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

#27. React(Props)

Props props의 기본값 설정하는 방법은 Child Component에 아래 굵은 부분을 입력하는 것입니다. ** static defaultProps = { name: 'PresentPark' }** 간단하게 Props를 이용해서 이름을 가져오는 컴포

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

#26. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기 (모달 창 만들기)

모달창이란 기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌, 레이어를 까는 것을 말합니다. 제거를 하지 않아도 페이지를 이동하거나 클릭 등의 이벤트를 통해 사라지게 할 수 있습니다.모달 창을 띄우기 위해서는 먼저, 자식 컴포넌트와 부모 컴포넌트의 값들을 주고 받을

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

#25. Git & GitHub

what is Git? > Git의 공식 명칭은 분산 버전관리 시스템(VCS)입니다. 쉽게 말해, 프로젝트 파일의 변경 사항을 추적하는 시스템이며 개인 혹은 팀 간의 프로젝트를 관리하는 데 가장 널리 사용되고 있는 툴입니다. Repositories(저장소)

2020년 11월 14일
·
1개의 댓글
post-thumbnail

#24. React 활용

API호출 & 그 결과값을 props로 자식 컴포넌트에게 전달Array.map()을 사용하여 컴포넌트 리턴하기 (id, name, email)props를 활용하여 Card.js 컴포넌트 모양 및 구조 잡기결과물새로 알게 된 내용1\. Templete literalsES

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

#23. array methods (map, forEach)

arrow function을 가장 많이 사용할 때는 callback함수로 사용할 때입니다. callback함수란, 인자로 전달되는 함수입니다. 이번에는 array의 반복문으로 사용되는 map, forEack 메서드를 함께 보겠습니다. Array.map() map 메서

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

#22. React

What is React? > UserInterface(화면에 보여지는 것)를 만들기 위한 JavaScript 라이브러리입니다. Who makes the React? why? > 페이스북 개발자팀은 지속해서 데이터가 변화하는 대규모 어플리케이션을 구축하기 위해서 리

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

#21. for-in문

오늘은 객체의 반복문을 생성하는 방법 2가지에 대해서 알아보겠습니다. 1. 객체 생성자인 Object와 메서드인 keys, values, entries 등을 이용하는 방법 2. for-in 문을 이용하는 방법 Assignment getExamResult 함수를

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

#20. Database 위코드 2주차

요즘은 흘러가는 시간들을 붙잡고 싶은 마음뿐입니다. 분명 프로그래밍에 많은 시간을 쏟고 있지만 하루를 되돌아보면 진도를 따라가기에도 급급했다는 생각이 드네요.지난 수요일에는 위코드 3개월차 선배님들의 강의를 듣고 동기부여를 받았습니다. 진도를 따라가기에도 분명 벅차지만

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