profile
블로그 이동 👉🏻 https://sunghae.netlify.app/

Donuts 기업협업 후기

지금까지 진행하던 공지사항, 약관동의를 마무리하고 마지막 4주차에는 퍼블리싱 작업만 했기 때문에 19일차 TIL 이후에 바로 후기를 작성해보려 한다! 프로젝트 소개 기간 : 2020.03.23 ~ 2020.04.17 (4주) 멤버 : 프론트엔드 4명와 백엔드 인턴

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

기업협업 TIL D-19

공지사항같은 경우에는 백오피스에서 작성 후 저장을 누르면 사용자단에서 보여진다. 백오피스의 글 작성 부분을 맡은 분이 Quill editor라는 라이브러리를 사용해서 에디터를 구현했는데, 작성할 때 볼드, 이탈릭, 언더라인이 잘 입혀지지만 사용자단에서는 적용이 안됐다.

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

기업협업 TIL D-16, 17, 18

사용자단의 작업은 대부분 마무리되서어 백오피스쪽 작업을 도와주기로 했다. 그중에서 이용약관분류를 작업하기로 했는데 드래그앤드롭은 라이브러리로 구현이 끝난 상황이였고 분류 추가, 수정(배열 순서), 삭제된 내용을 axios를 사용해서 백엔드에 넘겨주는 작업만 남았다.

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

기업협업 TIL D-12

도너츠에서 첫번째 코드리뷰 내용

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

기업협업 TIL D-10

🚫 gitignore 소스트리를 사용해서 깃헙 관리를 하고 있는데 매번 push를 할때마다 모듈파일이 같이 떠있었서 어쩔수없이 모듈을 포함한 수정한 파일 전부를 add해서 push하곤 했었다. 이 문제는 우리가 따로 .gitignore 파일을 만들어놓지 않았기 때문

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

기업협업 TIL D-8

✍🏻 오늘 할 일 notice-list 페이지에서 detail 페이지로 유동라우터 연결 list 페이지에서 목록을 클릭했을 때, id값을 넘겨서 해당하는 데이터를 받아와서 뿌려주는 작업을 해야하는데! 프로젝트하면서 몇번 해봤더니 그나마 쉽게 할 수 있었다! par

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

기업협업 TIL D-5

✍🏻 오늘 할일axios로 back-end api 가져오기목요일에 약관동의 페이지까지 레이아웃을 다 끝내고 api가 나오면 데이터를 붙이는 일만 남았다. 지금까지는 fetch를 사용해서 api를 받아왔었는데 회사에서는 axios를 사용한다해서 새롭게 배워보기로 했다!

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

기업협업 TIL D-3

✍🏻 오늘 할일 SNS 링크 공유하기 구현 !!!트위터, 네이버카페, 라인, 카카오톡, 페이스북 총 다섯개 SNS를 사용해서 링크공유를 구현해야하는데 카카오톡은 사전에 api 등록을 해야해서 등록이 필요없는 네가지만 구현했다. SNS마다 페이지 주소가 다르고 메타태그

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

기업협업 TIL D-2

✍🏻 오늘 할일 vue 초기세팅하기 sass 설치 및 적용하기 공지사항 디테일 페이지 레이아웃 잡기 🖥 진행과정 초기세팅

2020년 3월 28일
·
1개의 댓글
post-thumbnail

기업협업 TIL D-1

한달동안 도너츠 🍩라는 일본계 회사에서 기업협업을 하게 됐다! 우리는 [유디션](https://www.udition.co/auditions/)이란 웹사이트에서 사용자단과 backoffice 쪽의 공지사항과 이용약관을 작업하게됐고 나는 사용자단의 공지사항 디테

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

(2차 프로젝트) Harry Potter 후기

2차때 진행하게 된 프로젝트는 영화 해리포터의 작가 J.K. 롤링이 만든 해리포터 공식 웹사이트 클론이다. 해리포터 관련 퀴즈와 기숙사 배정을 할 수 있는 페이지가 있어서 간접적으로 영화속 마법 세계를 체험해 볼 수 있다! 이번에도 백엔드 2명 프론트엔드 3명 총 5명

2020년 3월 22일
·
1개의 댓글

(2차 프로젝트) Harry Potter 4탄

2차 프로젝트 중간 코드리뷰 받은 내용을 수정해보려고 한다!🗂 config.js로 api 관리1차 프로젝트때는 백엔드 api 주소가 자주 바뀌지 않아서 따로 관리할 필요성을 느끼지 못했는데 이번에는 효율적으로 관리해보려고 config.js을 만들었다.백엔드 api는

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

Git Flow

Git Flow란? Git Flow는 Git을 가장 효율적으로 사용할 수 있는 패턴이고 기업에서 협업할 때 많이 사용되는 방식이다. 지금까지는 master branch와 기능별로 나누어진 feature branch 총 2가지의 브랜치를 사용한 반면 Git Flow에서

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

(2차 프로젝트) Harry Potter 3탄

해리포터 영화에는 모자를 쓰면 기숙사 배정을 해주지만 웹사이트에는 상황을 보고 선택을 하면 그에 맞는 기숙사가 배정된다. 원래 웹사이트는 30개의 문제가 회원가입한 시점에 따라 랜덤으로 8개씩 나오지만 우리는 문제는 3개를 고정적으로 나오고 선택한 것에 따라 결과만 바꿔주기로 했다. step 3 3개 각각이 레이아웃이 다르고 마지막 step3에 있는 이...

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

(2차 프로젝트) Harry Potter 2탄

첫번째 sprint기간에는 회원가입&로그인 페이지를 맡아서 하게 됐다! 🗂 객체로 컴포넌트 관리하기 해리포터 사이트는 회원가입이 총 3단계로 이루어져있고 url은 고정인 채 1~3단계가 순차적으로 진행되는 형식이였다. 그래서 처음에는 signup이란 하나의 컴포넌

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

(react) Styled Component

👀 styled-component란? css파일없이 자바스크립트 파일 안에서 css작업을 하는 스타일 기법으로 CSS in JS 라이브러리 중 가장 많이 사용되는 라이브러리 설치 npm install --save styled-components 🤔 사용법 's

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

Git Rebase & Squash

리베이스(rebase)란 말그대로 기준이 되는 베이스를 다시 지정해서 브랜치끼리 합쳐주는 작업이다. 말만 들으면 merge와 무슨 차이가 있나 싶겠지만 나도 처음에 리베이스를 배웠을 때, 굳이 이 작업을 해야하나..?라는 의문이 많이 들었다. rebase를 하는 이유

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

(2차 프로젝트) Harry Potter 1탄

1차 프로젝트가 끝나고 바로 시작한 2차 프로젝트에서는 해리포터 웹사이트를 클론하게 됐다 ! 이번 프로젝트 역시 프론트 3명과 백엔드 2명으로 팀이 이루어졌다. 1차 때와 다른점이 있다면.. 판타지 소설을 원작으로 한 영화인 만큼 아기자기하고 다양한 이벤트 및 효과들

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

(1차 프로젝트) 자라 클론 코딩 후기

이주동안 진행했던 나의 첫 번째 프로젝트가 끝이났다 🥳🥳대학에서 팀플을 하더라도 내가 맡은 일만 열씸히 했지 리더 역할을 해본적은 단 한번도 없었는데 이번 프로젝트에서는 내가 낸 아이디어였기도 하고 눈떠보니 리더가 되있었다. 처음 앞장서서 진행했던 프로젝트인 만큼

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

(1차 프로젝트) 자라 클론 코딩 5탄

이번에는 매장검색 기능을 구현해보려고 한다. ↓ 자라 홈페이지 ↓ 구글맵, 카카오맵 등등 다양한 맵이 있지만 나는 카카오맵api를 사용해서 구현했고 http://apis.map.kakao.com/web/guide/ 카카오맵 홈페이지에 가면 기본 세팅부터 원하는 기능별로 설명이 아주 자세하게 잘 되어있다.! 지도 구혐은 처음이였기 때문에 지도 띄우기 ->...

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