# 포트폴리오
협업의 힘! LoLegacy 따라하기 프로젝트
기간2021.12.01 ~ ing역할빌드 페이지 구현팀원들과 역할을 분배하여, 빌드페이지를 구현 하게 되었습니다.BottomseatLayout안에 TabLayout 구현 BottomSeat 레이아웃 안에 TabLayout과 ViewPager가 서로 연결되는 구조를 구현
.png?w=768)
✨포트폴리오 작업을 들어가기 시작했다
10주 차부터는 포트폴리오 작업을 진행했다. 강사님께서 기존에 있는 웹사이트를 그대로 만드는 클론 코딩으로 진행할 건지,직접 디자인해서 진행할 건지 선택하라고 하셨는데, 나는 디자인을 배운 적도 없고 아직 실력이 안 된다고 생각해서 수준에 맞는 적정선의 웹사이트를 따라
리액트 컴포넌트에 CSS 적용하기 - 많이 사용하는 4가지 기술 정리
리액트 프로젝트에서 컴포넌트 구조를 어떻게 짜는지가 유지보수에 중요하듯 컴포넌트의 스타일링 또한 리액트의 큰 축으로서 CSS를 어떤 구조로 관리할지 관건입니다. 구조화를 돕는 4가지 기술을 소개합니다. SASS (pre-processor) SASS와 같은 CSS 전처
벤치마킹 하기 좋은 해외 웹 사이트 정리
AWWARDS CSS Winner THE Best Designs Design Licks CSSDA Straightline
Next.js 프로젝트를 Static Site Generation 으로 Github Page 에 배포하기
이직을 준비하면서 포트폴리오 페이지를 만들었는데 Github Page 로 배포하는 방법에 대해 공유하고자 한다. 포트폴리오 페이지는 내가 프론트엔드에서 할 수 있는 모든 것을 보여주는 것이라는 목적을 가지고 디지털 아트라는 컨셉을 설정하고 개발을 진행했다.
[포트폴리오, git] 오늘자 포폴 수정과 git이 또 말썽!!
git 한글 깨짐, git 언어 영어로 다시 또! 설정, 포폴 코드 수정, jquery로 스크롤방지하기, php에 새로고침해도 css가 적용되지 않으면?
수정 보완의 연속_일팔공캠프 부트캠프 9주차
9주차는 parallax 사이트에 대해서 집중해서 배웠다. scroll, click, setTimeout, mousewheel, keydown 등 다양한 이벤트를 활용해서 사이트를 제작하는법을 배웠다. 처음에는 이벤트가 작용이 안할때도 있었고, 다양한 오류들이 있었는데
Next.js 에서 window 접근하기
Antd에서 List의 Colunm의 수를 width 마다 정해주는 기능을 지원하지 않아 직접 설정해야 했다.당연히 window object에 접근해 width의 값을 가져오려고 하는데 계속해서 에러가 떴다.왜 그런가 찾아보았더니 Next.js에서 서버에서 웹페이지를
API 프로젝트-1
api 를 활용한 개인 포트폴리오 프로젝트 시작 2021.12.24spring 을 활용한 간단한 개인 프로젝트입니다.spring 초기 설정, 필수 어노테이션 서치 후 정리, 프론트
제이쿼리를 통한 다양한 효과를 배웠다
간단하게 계속 노출해 주셨던 제이쿼리에 대해서 심도 있게 배우는 한주였다.제이쿼리를 이용하여 다양한 효과 적용에 대해서 배웠다. addclass, removeclass, toggleclass, settimeout, setintervalscroll scroll top
스파르타코딩클럽_6~8주차_1
스파르타코딩클럽 게임개발 종합반을 수강하며 6주차에 접어들게되었다. 6~8주차의 경우 직접 게임을 기획하고 개발까지하는 기간이다. 나와같이 배운지 얼마되지않은 연습생들이 직접 개발할때 가장많이 하는 실수가 100%완벽한 작품을 만들려고 디테일한 부분까지 신경써서 개발해
포트폴리오 만들며 CSS 공부
flex box 란?flex box는 div와 같은 block 요소들을 수평으로 정렬하기 위해 고안된 기능임수평으로 정렬하기 위해 float이나 inline-block을 사용하면 여러 문제가 발생되기 때문flex box로 사용하는 방식은 정렬하고 싶은 해당 요소들의 부
왜 Google material design을 놔두고 Ant Design을 쓸까?
React UI 라이브러리는 정말 다양하다. UI 라이브러리를 접한 개발자들은 Bootstrap, Material-UI, semantic UI를 들어봤을 것이다. 위의 라이브러리에 대한 정보는 많지만 Ant Financial의 Antd는 흔치 않을 것으로 생각한다.
NEXT.JS를 쓰게 된 이유!
이번 포트폴리오 작업을 할 때 저번 작업에서 겪었던 문제를 고려해야 했다. 크게 2가지가 있었다. 1\. react에서 이미지가 많은 작업일 경우 처음 불러오는 데 시간이 걸린다는 점 2\. 열심히 작업물을 만들어도 구글에서 검색이 잘 안된다는 점그래서 빠르