profile
아자
post-thumbnail

2차 프로젝트 가게 리스트

현재 가게리스트 레이아웃은 완성되었다.목데이터를 이용해 map 함수로 가게 리스트(각각의 데이터를 받아와서)를 보여주는 로직이다. (1차도 그렇고 2차도 map함수를 엄청 많이 쓰는것 같다. 아주 편하고 좋다...)이제 이 데이터를 활용해 무한스크롤을 라이브러리 없이

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

2차 프로젝트 로그인/회원가입

로그인/회원가입 페이지 레이아웃을 하면서 각각의 컴포넌트로 나눴다.처음 login.js 에서 form이라는 컴포넌트에 props로 각각의 signInKaKao,signIn,signUp 데이터를 넘겨준다.form이란 컴포넌트 안에는 각각의 또 공용으로 쓰는 컴포넌트를 가

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

2차 프로젝트 직방

2차 프로젝트는 직방으로 결정이 났다.우린 방을 보여주는것이 아닌 맛집의 가게를 보여주기로 하여 팀의 이름을 먹방으로 지었다.(먹방... 왠지 느낌이 좋다)팀원프론트: 승옥님, 나은님백엔드: 택향님, 호열님주요 페이지 및 기능로그인(카카오 api 및 자체 로그인/회원가

2021년 4월 4일
·
0개의 댓글

1차 프로젝트 path parameter 적용

피드 리스트에서 각 피드 별로 넘어 갈수 있는 path parameter 를 적용해 보았다.feedList.js댓글쪽 버튼 클릭 시 goToFeedDetail 이라는 함수를 실행(여기서 중요 한거는 저 함수에 대한 log를 찍었을시 this.props.history.p

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

1차 프로젝트 react-infinite-scroll-component 적용 방법

프로젝트를 진행하면서 피드 페이지에 무한 스크롤이 있었다. 스크롤이 끝에 닿으면 다음 데이터를 불러와 피드를 보여주는 형식무한스크롤 기능을 구현하기 위해 react-infinite-scroll-component 라이브러리를 이용해 구현하였다.InfiniteScroll

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

1차 프로젝트 후기

1차 프로젝트 시작(카카오빌런즈팀) 카카오빌런즈팀 프로젝트 요약 클론사이트: 카카오프렌즈샵 팀원: 6명 -> 프론트앤드(지은님(PM),나은님,준우님,나) -> 백앤드(왕록님,정원님) 깃허브: 기술스택: HTML,SCSS,React.js 팀커뮤니케이션

2021년 3월 28일
·
3개의 댓글

1차 프로젝트 카카오프렌즈샵 피드 관련 내용

현재 피드에서 백앤드 한테 받아올 데이터들을 정리해봤다.1.profile_picture2.username3.datetime4.like_count5.title6.content7.reply_count8.reply_username9.reply10.image_url11.rec

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

1차 프로젝트 카카오프렌즈 샵 피드 레이아웃 완성

현재 피드 부분 레이아웃이 완성 및 기능 구현 중에 있다.기능 구현 완료 목록1\. 피드페이지 레이아웃 완성2\. 메인 사진 슬라이드 기능은 react-slick 라이브러르로 구현(2차 프로젝트 끝난 후 라이브러리 없이 구현해볼려고 한다) 3.하트 클릭 시 색깔 변경

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

1차 프로젝트 카카오프렌즈샵

첫번째 프로젝트는 카카오프렌즈샵으로 결정이났다.팀원들과 어떤 페이지를 맡을지 의논 하고 난 피드 페이지를 맡기로 했다.(피드 페이지 완성 후 다른 페이지도 해야한다. 할게 엄청나게 많은거 같다...)주요 기능 하트 클릭시 로그인/비로그인 확인 후 비로그인 시 로그인 해

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

github 명령어 정리

git branch <- 현재 branch 위치 확인gir branch feature/sunghoonbae <- feature/sunghoonbae 라는 branch 생성git checkout feature/sunghoonbae <- feature/su

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

instagram 메인페이지 구현

메인페이지 기능 구현1.댓글 달기.2.하트 눌렀을 시 빨간색으로 바뀌면서 좋아요 +1 3.엔터 눌렀을 시 댓글 버튼 활성화코드 리뷰 업데이트 예정

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

위코드 3주차 후기

react 배우는 중인데 어렵다...state,props 개념을 이해하는데 어려운거 같다...현재 위코드에서 배우면서 홈페이지 구현을 해보고 싶다는 생각이 든다.4주차가 지나면 이제 프로젝트 들어가는데 최선을 다해야겠다는 마음가짐으로 멘탈 관리를 잘해야겠다.

2021년 3월 7일
·
1개의 댓글

위코드 2주차 후기.

시간이 너무 빨리 간다.js 공부도 해야하는데 html,css 로 레이아웃 짜는게 시간이 엄청 소모된다.html,css를 나중에 잘 적응할수 있을지 모르겠다.기능 구현은 안됐지만 페이지 짜놓고 보면 뿌듯하다.거기에 js 로 기능 구현까지 추가 해서 동작 하면 더 뿌듯할

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

instagram 메인페이지 레이아웃

구현 해야할 리스트 정리박스 테두리에 선 겹침현상 해결 하기.댓글 입력 시 게시 버튼이 활성화 되면서 클릭 시 숫자 2 박스에 댓글 추가 되도록 하기.댓글 입력 후 엔터키 눌렸을때 댓글 추가 되도록 하기.메인페이지 기능 구현 후 코드 설명까지 적어놓자!!

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

instrgram 클론 코딩

기능 구현 리스트id 및 비밀번호의 값이 1이상이면 로그인 버튼이 활성화 하는 기능 구현 완료추가 기능구현 리스트 업데이트 예정

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

위코드 2일 차

위코드 2일차오전슬기로운 위코드 생활안내 세션 참석 / 끝나고 세션 내용 위주의 퀴즈를 풀었는데 어려웠다..오전시간은 진짜 금방 감.오후웹 서비스의 역사와 발전 세션 참석 3시부터 HTML/CSS repl.it 진행velog 정리하는 시간이 생각보다 오래 걸림.velo

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

레이아웃의 모든것

position: relative; -> 처음 생성된 위치를 기준점으로 top,bottom,right,left로 위치를 수정할수 있다. // 초록색 box(첫 기준점)에 position: relative; 속성을 추가하여 top: -10px; left: -10px; 위

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

Semantic web 과 Semantic tag

웹사이트는 검색엔진에의 노출이 굉장히 중요하다. 만약 검색이 되지 않는다면 사람들이 사용을 하지 않을것이고 최상위로 노출되면 될수록 관심이 가기 마련이다.기본적으로 검색엔진이 웹사이트 정보를 어떻게 수집하는지 아는것으로 부터 시작된다.검색엔진은 로봇(Robot)이라는

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

위코드 1일 차

위코드 1일차 오전Wework 시설이 깔끔하고 좋음Online tool 설치 및 카드키 발급 오후Wecode Orientation 참석 / 절대적인 시간투자, 주도적인 학습, 커뮤니티Pre-course Kickoff 참석 / repl.it 사용법 HTML/CSS

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