# 포트폴리오

155개의 포스트

협업의 힘! LoLegacy 따라하기 프로젝트

기간2021.12.01 ~ ing역할빌드 페이지 구현팀원들과 역할을 분배하여, 빌드페이지를 구현 하게 되었습니다.BottomseatLayout안에 TabLayout 구현 BottomSeat 레이아웃 안에 TabLayout과 ViewPager가 서로 연결되는 구조를 구현

4일 전
·
0개의 댓글
post-thumbnail

취업도전 끝 (프론트 엔드)

취뽀에 성공하며 내가 3년차 5년차가 되었을때 신입은 얼마나 낮은 시야를 갖고 있었는가 되돌아보기위한 글.

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

✨포트폴리오 작업을 들어가기 시작했다

10주 차부터는 포트폴리오 작업을 진행했다. 강사님께서 기존에 있는 웹사이트를 그대로 만드는 클론 코딩으로 진행할 건지,직접 디자인해서 진행할 건지 선택하라고 하셨는데, 나는 디자인을 배운 적도 없고 아직 실력이 안 된다고 생각해서 수준에 맞는 적정선의 웹사이트를 따라

2022년 1월 14일
·
0개의 댓글
post-thumbnail

리액트 컴포넌트에 CSS 적용하기 - 많이 사용하는 4가지 기술 정리

리액트 프로젝트에서 컴포넌트 구조를 어떻게 짜는지가 유지보수에 중요하듯 컴포넌트의 스타일링 또한 리액트의 큰 축으로서 CSS를 어떤 구조로 관리할지 관건입니다. 구조화를 돕는 4가지 기술을 소개합니다. SASS (pre-processor) SASS와 같은 CSS 전처

2022년 1월 12일
·
0개의 댓글

Daily 220109

포트폴리오를 열심히 만들자!

2022년 1월 9일
·
0개의 댓글

포트폴리오 소재

2022년 1월 9일
·
0개의 댓글

벤치마킹 하기 좋은 해외 웹 사이트 정리

AWWARDS CSS Winner THE Best Designs Design Licks CSSDA Straightline

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

토이 프로젝트: 나만의 백신 인증 카드 만들기

옷입히기 게임을 만들었습니다. 작업 과정과 배운 점, 느낀 점 등을 정리했습니다.

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

바닐라 JS로 옷입히기 게임 만들기

최근 토이 프로젝트에서 구현한 옷입히기 기능입니다.

2022년 1월 6일
·
0개의 댓글
post-thumbnail

Next.js 프로젝트를 Static Site Generation 으로 Github Page 에 배포하기

이직을 준비하면서 포트폴리오 페이지를 만들었는데 Github Page 로 배포하는 방법에 대해 공유하고자 한다. 포트폴리오 페이지는 내가 프론트엔드에서 할 수 있는 모든 것을 보여주는 것이라는 목적을 가지고 디지털 아트라는 컨셉을 설정하고 개발을 진행했다.

2022년 1월 6일
·
0개의 댓글
post-thumbnail

[포트폴리오, git] 오늘자 포폴 수정과 git이 또 말썽!!

git 한글 깨짐, git 언어 영어로 다시 또! 설정, 포폴 코드 수정, jquery로 스크롤방지하기, php에 새로고침해도 css가 적용되지 않으면?

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

수정 보완의 연속_일팔공캠프 부트캠프 9주차

9주차는 parallax 사이트에 대해서 집중해서 배웠다. scroll, click, setTimeout, mousewheel, keydown 등 다양한 이벤트를 활용해서 사이트를 제작하는법을 배웠다. 처음에는 이벤트가 작용이 안할때도 있었고, 다양한 오류들이 있었는데

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

Next.js 에서 window 접근하기

Antd에서 List의 Colunm의 수를 width 마다 정해주는 기능을 지원하지 않아 직접 설정해야 했다.당연히 window object에 접근해 width의 값을 가져오려고 하는데 계속해서 에러가 떴다.왜 그런가 찾아보았더니 Next.js에서 서버에서 웹페이지를

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

API 프로젝트-1

api 를 활용한 개인 포트폴리오 프로젝트 시작 2021.12.24spring 을 활용한 간단한 개인 프로젝트입니다.spring 초기 설정, 필수 어노테이션 서치 후 정리, 프론트

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

제이쿼리를 통한 다양한 효과를 배웠다

간단하게 계속 노출해 주셨던 제이쿼리에 대해서 심도 있게 배우는 한주였다.제이쿼리를 이용하여 다양한 효과 적용에 대해서 배웠다. addclass, removeclass, toggleclass, settimeout, setintervalscroll scroll top

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

스파르타코딩클럽_6~8주차_1

스파르타코딩클럽 게임개발 종합반을 수강하며 6주차에 접어들게되었다. 6~8주차의 경우 직접 게임을 기획하고 개발까지하는 기간이다. 나와같이 배운지 얼마되지않은 연습생들이 직접 개발할때 가장많이 하는 실수가 100%완벽한 작품을 만들려고 디테일한 부분까지 신경써서 개발해

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

포트폴리오 만들며 CSS 공부

flex box 란?flex box는 div와 같은 block 요소들을 수평으로 정렬하기 위해 고안된 기능임수평으로 정렬하기 위해 float이나 inline-block을 사용하면 여러 문제가 발생되기 때문flex box로 사용하는 방식은 정렬하고 싶은 해당 요소들의 부

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

[취준] 프로젝트

Post it 프로젝트 (MERN stack) 리팩토링 하고 나서 훔

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

왜 Google material design을 놔두고 Ant Design을 쓸까?

React UI 라이브러리는 정말 다양하다. UI 라이브러리를 접한 개발자들은 Bootstrap, Material-UI, semantic UI를 들어봤을 것이다. 위의 라이브러리에 대한 정보는 많지만 Ant Financial의 Antd는 흔치 않을 것으로 생각한다.

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

NEXT.JS를 쓰게 된 이유!

이번 포트폴리오 작업을 할 때 저번 작업에서 겪었던 문제를 고려해야 했다. 크게 2가지가 있었다. 1\. react에서 이미지가 많은 작업일 경우 처음 불러오는 데 시간이 걸린다는 점 2\. 열심히 작업물을 만들어도 구글에서 검색이 잘 안된다는 점그래서 빠르

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