profile
하루하루는 성실하게 인생 전체는 되는대로
post-thumbnail

✚Dr.Martens 프로젝트에 Redux 적용해본 이야기

WeCode 1차 프로젝트로 진행했던 Dr.Martens 사이트의 리팩토링을 진행하면서, 1차,2차때 적용 못해본 Redux로 장바구니 상태를 관리해보았다! 까먹기 전에 후다닥 정리하는 코드....

2020년 8월 2일
·
1개의 댓글
post-thumbnail

🌐 How the Web Works? (SPA, MPA, CSR, SSR)

웹 애플리케이션 개발에서 빼놓을 수 없는 SPA와 MPA에 대해서 정리해보기! 어렵다 어려워....😭

2020년 7월 28일
·
4개의 댓글
post-thumbnail

🐯 코어 자바스크립트 - 데이터 타입(하)

코어 자바스크립트 라는 책으로 JavaScript 개념을 다시 한번 정리하며 쓰는 벨로그, 오늘은 그 첫번째 챕터인 데이터 타입 - 변수 복사, 불변 객체, undefined, null 등에 대해 알아보자!

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

🐯 코어 자바스크립트 - 데이터 타입(상)

코어 자바스크립트 라는 책으로 JavaScript 개념을 다시 한번 정리하며, 오늘은 그 첫번째 챕터인 데이터 타입 - 비트와 바이트, 불변값, 가변값 등에 대해 정리해본다!

2020년 7월 24일
·
6개의 댓글
post-thumbnail

Redux? 맛만 살짝 보기...

JavaScript의 상태 관리 라이브러리인 Redux.... 넘나 어려운 Redux.... 뭔지 살짝 맛만 보기!

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

Laneige 2차 클론 프로젝트 회고록💕

Wecode 2차 프로젝트는 Laneige!! 내가 팀장이 되어 진행하니 힘든점도 좋은점도 있었다ㅎㅎㅎ 솔직히 다 털어놓는 회고록 2탄!!!

2020년 7월 20일
·
1개의 댓글
post-thumbnail

React의 styled components

2차 프로젝트를 진행하면서 styled components에 대해 공부하고 사용하고 있다! 오늘은 styled components의 몇가지 속성에 대해 정리해보기로 한다!

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

React의 함수형 컴포넌트! (feat.Hooks)

React의 함수형 컴포넌트와 Hooks의 useState, useEffect 에 대해서 정리해보자!!

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

👩🏻‍💻 2차 프로젝트 시작! (with.라네즈💄)

2차 프로젝트는 내가 의견 냈던 라네즈 사이트가 선정되어 이번엔 팀장으로 참여하게 되었다. 왜 라네즈 사이트를 골랐는지와, 프로젝트 시작 전 마음가짐(?)에 대해 가볍게 정리해보기로!

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

✚ Dr.Martens 1차 클론 프로젝트 회고록💕

wecode 1차 팀프로젝트로, 영국 60년 정통 패션 브랜드 닥터마틴 사이트를 2주간 클론 프로젝트하고 난 회고록!!!

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

✚ Dr.Martens 간지철철 scroll event 결국 구현한 이야기

닥터마틴 사이트 중에서 제일 도전하고 싶었던!! scroll 위치에 따라 스타일이 바뀌는 이벤트 결국 구현한 이야기👍

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

✚ Dr.Martens 상품 리스트 레이아웃 때문에 고군분투한 이야기😱 (feat. 재귀함수)

열심히 구현중인 닥터마틴 사이트!! 오늘은 그중에서 Product List 페이지의 3-2-3-1 레이아웃을 구현하기 위해 짰던 로직에 대해 정리해보기로 한다~!

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

😨 WeCode Codekata 3주차!

팀프로젝트와 병행하면서 진행된 위코드 페어 코드카타 3주차!! 이제 슬슬 문제를 읽으면 어떻게 접근해야 할지 감이 좀 온다!! (그치만 어려운건 매한가지...)

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

🥰1차 프로젝트 하면서 알게된 🍯꿀팁!

실제로 프로젝트를 진행하면서 알게된 꿀팁 총 정리!!!! (config.js 파일, Object.entries로 객체 쉽게 쪼개기(?), toLocaleString()로 숫자 1000 단위마다 쉼표 달기, && 와 || 를 조건문처럼 사용하기 등등~!)

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

✨드디어 1차 프로젝트 시작!

wecode의 꽃, 팀프로젝트가 시작되었다!!!! 닥터마틴 페이지를 맡게 되었는데, 본격적으로 프로젝트에 들어가기 전에 가벼운 소감(?)을 정리해보았다!!!

2020년 6월 23일
·
1개의 댓글
post-thumbnail

💪 VScode 단축키 뽀개기 (MAC)

아직도 VScode 마우스랑 command+C command+v 만 쓰는 사람 있나???? VScode 단축키 다양하게 쓰고 간지폭발 개발자 되자✨

2020년 6월 21일
·
2개의 댓글
post-thumbnail

Wecode 프로젝트 시작 전 초기세팅! (feat.CRA🧚🏻)

위코드의 꽃, 위코드의 하이라이트, 위코드의 자랑(?)!!!!! 대망의 팀 프로젝트가 코앞으로 다가왔다!! 그 전에 프로젝트 시작 전 초기 세팅에 관한 내용을 총 정리해본다! (CRA 설치 및 설정과 폴더 정리에 관해 다 뽀개버리자!)

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

😂 WeCode Codekata 2주차 정리!

위코드 페어 코드카타 2주차!!넘나리 어렵다.....😅5문제중에 2문제는 못풀었다....우하핫...... 일단 푼거라도 정리.........

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

TIL) westagram - 프론트랑 백이랑 첫만남😍!!

오늘은 백앤드의 DB와 프론트앤드의 껍데기를 합쳐보는 세션이 있었다!!! 완전 짱잼 졸잼!!!! post 와 get 을 사용해서 백앤드와 데이터를 주고받는 과정에 대해 알아보자!!!

2020년 6월 18일
·
2개의 댓글
post-thumbnail

React Ver - westagram 추가 기능 후기🤩

react로 위스타그램 만드는거에 너무 심취해버려서....(반성😭) 여러가지 기능을 구현했다. 까먹고싶지 않은 코드를 정리해본다!! (검색창 클릭시 레이아웃 변경, z-index, Heart 버튼 누르면 애니메이션!, 댓글 수 카운트 기능!)

2020년 6월 17일
·
0개의 댓글