post-thumbnail

[+61][기업협업] development branch에 push 하기

전에 쓴 git flow 게시글을 기억하는가?이제는 실무초기 과정을 기록하고자 한다.git clone 해당git 주소git checkout developmentgit checkout -b feature/create-header(예시처럼 기능이름별로 따기 + (-)일지

약 16시간 전
·
0개의 댓글
post-thumbnail

[+61] [기업협업] import svg

위코드 9주차, 기업협업을 시작하고 페이지를 만들기 시작하는데1\. next.js를 쓰고2\. next.js와 잘 맞는다는 jsx style로 쓴다.3\. 한 페이지 당 2명씩 짝을 지어 페이지를 만든다.라는 진행사항이 있었다.svg import 시키기.svg란?확장

약 17시간 전
·
0개의 댓글

[+55] 2차 프로젝트를 마무리 지으며

2차 프로젝트도 끝이 났다. 2주는 왜이리 짧은가...잘해내고 싶은 마음도 강했고 여러모로 마음도 어깨도 무거웠던 프로젝트였다. 목표typescript를 사용하여 만들기redux로 어디서든 재생목록에 노래 추가할 수 있고 삭제할 수 있게 하기백엔드 분들과 틈틈히 소통하

7일 전
·
2개의 댓글
post-thumbnail

[+51]typescript에서 React-Redux 사용하기

npm install reduxsrc에 store.js 라는 파일 생성src 밑에 container만들어서 component들 감쌀 파일들 만들자.1\. 파일을 만들어서 component를 import시켜서 return 시킨다.2\. container로 감싼 컴포넌트

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

[ +50 ]git flow

git이 제공하는게 같아도 회사마다 사용하는 방법이 다르다.git flow란git flow는 branch가 총 5개masterdevelopfeaturereleasehotfix배포될, 배포된 코드는 master에 있다.develop 가장 기준이 되는 branch는 mas

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

[+45]자료구조

자료구조 란 데이터에 편리하게 접근하고 변경하기 위해서 데이터를 저장하거나 조직하는 방법. 모든 목적에 맞는 자료구조는 없기 떄문에 각 자료구조가 갖는 장점과 한계를 잘 아는 것이 중요하다.자료구조는 언어별로 지원하는 양상이 다르다. primitive data stru

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

[+44]반응형 하기(ts+react+styled component)

javascript가 익숙해졌나 싶었을 때 react.. react가 익숙해지려나 싶었을 때 typescript+styled component..개발자의 길이란, 개척자 아닌 개척자 같다.이미 누군가가 다 해놨고 찾으면 나오지만 내 세상에서는 그것을 파헤치고 내 실력을

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

[+43]rebase 실습

배경위코드 초반에 두리님이 만들어주신 빙고게임을 이용해서 첫 번째 rebase실습을 진행하였고 땅따먹기 충돌실습했던 것을 이용해서 두 번째 rebase실습을 진행하였다.원래 commit을 한 순서대로 나열이 되어야 하는데 순서대로 나열되게 하기 위한 실습이 첫 번째.두

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

[+41 ] slick 사용

slick에 대해 알아볼 수 있는 페이지importclass extends위에 화살표 함수 2개 두기1번2번render와 return 사이에 원하는 settings 배치slick쓸 곳에 slider로 감싸고 settings 다 가지고 오기{...settings}에서 .

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

[+41] 1차 프로젝트 후기 및 회고록(스타일 쉐어)

이 글은 회고록이니 내 여러 생각을 담아 작성해보기로 했다.wecode의 6기 41일을 돌아보며현재만 바라보며 살다가 미래를 바라보기 시작하면서 이 길을 선택하게 되었고멘토님만 보고 선택한 wecode.비전공자의 개발자의 길을 시작하기에 부트캠프란 정말 좋고 효율적인

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

favicon 제작-react에 적용

2차 프로젝트를 준비하며 favicon을 바꾸려고 알아보던 차에 만들 수 있는 페이지를 발견해서 만들어보니 꽤 귀여워서 저장용 블로그를 쓰게 되었다.모두 별도의 회원가입 로그인은 필요가 없고 바로바로 만들어주기 때문에 편리했다.내가 만든 favicon.1\. favic

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

[+37]text overflow

display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; addComma = x => {

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

[+37] state관련 변수 사용하기

전체적인 틀은 다 잡았기 때문에 세세하게 내가 구현하고자 하는 기능을 넣기 시작했다. 모델명을 선택했을 때 사이즈를 선택할 수 있게 disabled가 풀리고 둘 다 선택했을 때 밑에 내가 선택한 목록들이 묶여 새로운 div가 생기도록 했다. 여기에서 장바구니에 넣거나

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

[+35]ComponentDidMount뒤에 render시키기

mock-data를 이용해서 componentDidMount에 fetch를 시켜서 render를 시키려고 했는데 문제가 발생했다.mock data에서 fetch로 가져올 정보는 이 product였고componentDidMount에 fetch를 시켜줬다.render되는

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

[+32]children-React

propsprops 사용 예시children사용 예시프로젝트 적용 사례1.propsComponent Hierarchy (컴포넌트 계층구조)컴포넌트의 장점: 하나의 컴포넌트가 다른 컴포넌트를 포함할 수 있다. 즉 부모-자식 관계가 될 수 있다.props란?properti

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

[+32]setState -> 비동기

동기와 비동기동기: 코드 한 줄 한 줄 끝날 때까지 기다렸다가 다음줄로 넘어가는 성질.ex. forEach비동기: 코드 한 줄이 하고 있는 일이 끝나지 않았는데 일을 시켜놓고 내려가다가 일이 끝났다는 응답이 오면 다시 돌아오는 성질.ex. fetch, setStates

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

[+32]mok data

public 폴더에 data 라는 폴더를 만들고 data.json파일을 만들어서 안에 json형태로 가짜 데이터를 만든다.이 데이터로 api 붙였을 때 처럼 데이터가 들어와서 웹 페이지가 만들어지도록 하는 것이 mok data이용하는 것 이다.이렇게 붙이기.npm ru

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

element 숨기는 5가지 방법

Opacity이 속성은 요소의 투명성을 설정하기 위한 것이다. 불투명도를 0으로 설정하면 요소가 시각적으로 숨겨진다. 요소는 여전히 해당 위치를 차지하며 웹 페이지의 레이아웃에 영향을 준다. 사용자 상호 작용에도 응답한다.불투명 할 때와 투명할 때 똑같이 동작한다.이

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

[1차 프로젝트]시작 전 공부

1차 프로젝트 전 주말에 공부하기 fetch사용법 상단 탭 바 or 유저가 원하는 버튼 누를 때, 카테고리 목록을 내려오게 하려면 state어떻게 쓰면 좋을지 ->버튼에 링크를 단다? 또는 withrouter 등등 페이지 이동식? 이라고 하기엔 상단바는 그대로

2020년 2월 23일
·
0개의 댓글
post-thumbnail

[hover]hover에 대하여

:hovercss 의사 클래스는 사용자가 포인팅 장치를 사용해 상호작용 중인 요소를 뜻한다.쉽게는 사용자의 커서(마우스의 포인터)가 요소에 올라가 있을 때 적용된다.hover를 사용할 때 중요한 것은 다른 링크 의사 클래스가 덮어 쓸 수 있다는 것이다.:hover 의사

2020년 2월 23일
·
0개의 댓글