profile
Front-end Engineer
post-thumbnail

[Project] Quest101

클래스를 통해 자신을 키우는 현실 캐릭터 빌드업 서비스클래스101 사이트를 모티브로 한 프로젝트useNavigate 쿼리 스트링 페이지 이동2차 프로젝트에서 라이브러리를 처음 사용해보았다! slick 라이브러리를 이용해서 메인 페이지에 나타나는 배너를 만들었다. 이번에

2021년 12월 26일
·
0개의 댓글

AWS

클라우드 서비스. 유저가 직접 서버를 구입하고 설치할 필요 없이 AWS상에서 서버를 구축하고 사용할 수 있다.일반적으로 많이 사용되는 개념과 기능들에 대한 정리!AWS 상에서 사용하는 Server. EC2 서버에 API를 배포하게 된다.다양한 사양 옵션 제공. 필요한

2021년 12월 26일
·
0개의 댓글

React - Styled Components

스타일을 제공하는 CSS-in-JS 스타일링을 위한 프레임워크styled-components 라이브러리를 사용해서 React 컴포넌트를 쉽게 만들 수 있고, CSS구성 요소의 스타일을 지정할 수 있다.css-in-js는 2018년 이후 폭발적으로 성장해왔고, 그 중 S

2021년 12월 26일
·
0개의 댓글

[Project] 2차 프로젝트 시작

클래스를 통해 자신을 키우는 현실 캐릭터 빌드업 서비스클래스101 사이트 클로닝다양한 카테고리의 강의를 제공강의를 통해 자신의 역량이 빌드업 되는 것을 시각적으로 볼 수 있음소셜 커머스로 간단하게 로그인 가능개발 기간 - 2021/12/13 - 2021/12/24프론트

2021년 12월 18일
·
0개의 댓글

[React] useLocation 사용

baGETTT 프로젝트를 진행하면서 결제완료 페이지 구현을 담당했다.장바구니 페이지에서 결제하기 버튼을 누르면,구매 정보 데이터를 보여주는 결제 완료 페이지로 이동을 하게 된다.그 과정에서 구매 정보 데이터를 받아와야 하는데 백엔드에서 GET하는 방식이 아닌,장바구니에

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

[Project] 1차 프로젝트 회고

가구 의류 장기,단기 렌탈 서비스 사이트 GETTT‘바’ + 겟트로 팀 명 변경. 빵 정기 구독 서비스 클론프로젝트 진행.개발 기간 - 2021/11/29 - 2021/12/10프론트엔드 - 원소연, 김재호, 강인웅백엔드 - 김은혜, 이재문React.js, JavaSc

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

[Project] 1차 프로젝트 중간 발표

프로젝트가 진행되고 2주차 월요일 중간발표가 있었다. 프론트엔드/백엔드 나눠서 진행되었고 우리 팀 프론트 발표를 맡아 하게 되었다. 중간 발표는 코드 리뷰보다 팀 별 프로젝트의 진행 과정 소개와Sprint Routine을 잘 지키고 있는지? Trello 관리가 제대로

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

[React] Modal 구현

1차 프로젝트 GETTT사이트 클로닝 중 '구독 하기' 버튼을 눌렀을 때 바로 장바구니로 이동하지 않고, 버튼 클릭 시 모달창이 뜨면서쇼핑 계속하기 or 장바구니로 이동 하는 기능을 추가 구현했다.보여질 모달창 내용을SubscriptionModal 컴포넌트로 분류버튼을

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

1차 프로젝트 진행 구현 사항

상품 상세페이지 레이아웃 및 로직 구현상세페이지 레이아웃 구현상품정보/리뷰/배송정보/이용안내 Tap 구현상품 주문 옵션 부분 (상품명/가격/옵션/수량/구독하기 버튼) 버튼구독하기 버튼 클릭 시 모달창 구현 상품정보/리뷰/배송정보/이용안내 Tap 클릭시 e.target.

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

RESTful API

REpresentation State Tramsger의 약자웹이 존재하는 모든 자원에 고유한 URI를 부여해 주소를 지정하는 방법론, 규칙을 말한다. RESTful API는 REST 특징을 지키면서 API를 제공한다는 의미이다.url 은 page 기준이 아닌 resou

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

[React] useEffect hook

웹사이트를 만들다 보면 화면에 보일 수 있는 데이터를 서버에서 받아오기도 해야 하고, state가 바뀔 때마다 함수를 실행시키거나, 이벤트 리스너를 on off 하는 동작이 필요할 수 있다. 이 때 useEffect hook이 필요하다!공식 문서에서 useEffect를

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

[React] map 함수 적용시 key props를 부여하는 이유

위스타그램 페이지의 댓글 부분을 컴포넌트화 시키면서 map 함수로 댓글 목록으로 구현하였다.✔️ map함수를 적용할 때는 key값을 부여해야한다. 만약 key 값을 주지 않아도 화면에는 문제없이 화면에 출력 되지만 터미널에 아래와 같은 오류 메세지가 뜨게 된다.Key는

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

Git 중간시험

✔️ Test내 컴퓨터에서 Desktop > test 폴더 밑에 wecode라는 폴더를 만든다.wecode 폴더에서 git을 사용할 수 있도록 초기화 한다.자신의 github에 wecode 라는 repository를 만든다.wecode 폴더 하위에 1부터 50의 자연수

2021년 11월 26일
·
0개의 댓글

Git - branch, main, merge

저장소를 생성하면 ‘main’ 브랜치가 생성된다. 독립적인 작업을 진행하기 위한 개념이다. 각각의 브랜치는 다른 브랜치의 영향을 받지 않기 때문에 여러 작업을 동시에 진행할 수 있다.팀 프로젝트와 같은 경우 여러명이 동시에 작업을 할 때, 각자의 작업에 영향을 주거나

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

Git 명령어

자주쓰이는 git 용어 정리!new repository를 만들고 Git으로 프로젝트 관리를 시작할 때, 터미널에서 프로젝트 폴더로 이동 후 입력한다.프로젝트 폴더 내에 .git 디렉토리를 생성하여 저장소에 대한 모든 변경사항을 추적/관리한다.모든 변경사항을 확인할 수

2021년 11월 21일
·
0개의 댓글

[React] State, Props, Event

화면에 나타나는 컴포넌트의 UI 정보컴포넌트의 상태값컴포넌트 안의 요소에 상태값을 반영해서 데이터가 바뀔 때 마다 효율적으로 UI에 나타내기 위해 State를 설정한다.useState 함수를 import 한 후 사용해야 한다.useState 함수는 function St

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

[React] Basic

Facebook에서 개발한 Library“지속적으로 데이터가 변화하는 대규모 어플리케이션 구출하는 것”을 목표로 개발오로지 View만 담당하는 라이브러리. 그만큼 내장되어 있는 기능이 부족해 third-party 라이브러리를 함께 사용한다.자바스크립트 문법을 그대로 사

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

HTTP 정의 ∙Methods

HTTP (HyperText Transfer Protocol)컴퓨터들끼리 HTML파일을 주고받을 수 있도록 하는 소통방식 또는 약속.웹에서 이루어지는 모든 데이터 교환의 기초이며, 클라이언트-서버 프로토콜이다.HTTP Method:요청시 보내는 HTTP 메소드 형태이다

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

Linux & Terminal

💡Linux와 Terminal 알아보기! Linux OS가 설치된 서버 : 개발 프로그램이 배포되고 동작하는 환경 Terminal : Linux 서버에 명령어를 전달하는 수단 https://s3-us-west-2.amazonaws.com/secure.notion-

2021년 11월 12일
·
0개의 댓글

CSS display 속성 - inline, block, inline-block

CSS에서 display 속성은 웹페이지 상에서 요소들이 어떻게 보여지고 다른 요소들과 어떻게 상호배치 되는지를 결정합니다. inline block inline-block 을 속성값으로 사용할 수 있습니다.콘텐츠의 흐름을 끊지 않고, 전후 줄 바꿈 없이 한 줄에 다른

2021년 11월 3일
·
0개의 댓글