[공부] 원티드 프리온보딩 프론트엔드 사전과제 (Slider)(完)
2022. 1. 16. 13:21
공부/프론트엔드
✨ 느낀 점 ❓ 궁금한 점 className이 변수인 경우 css를 어떻게 적용시키지? css파일을 통째로 import 해서 적용시켰다. 어찌어찌 css를 적용시켰지만, 그 결과로 코드는 난잡해졌다. 💢 어려웠던 점 라이브러리 없이 슬라이드를 도저히 못 만들겠다. 라이브러리를 이용하여 캐러셀을 만들어보려고 시도한 게 10번은 넘은 거 같다. 그 시간 동안 많은 시행착오를 겪었지만, 결과적으로 라이브러리를 사용하여 이미지 슬라이드를 만들게 되었다. JavaScript를 이용해 이미지 슬라이드를 만드는 방법은 이해했는데 React로 만드는 방법은 모르겠다. 정교한 반응형 웹을 어떻게 만들지? 반응형 웹에 대해 내가 배운 것은 단 한가지였다. 내가 배운 대로 Navigation 배너는 순조롭게 개발을 완료했지..

[1人 프로젝트] 포트폴리오 6회차
2021. 12. 28. 21:05
프로 젝트/포트폴리오
🎉 성과 완성한 부분 Project 다음으로 Education 단락을 만들어서 내가 교육받았던 것과 교육받을예정인것을 적었다. 완성한 이유 Project 단락을 만들었을때와 같은이유로 그냥 사진만 첨부하면 정렬되지도 않고, 모양도 예쁘지않아 이미지 슬라이드 형태로 만들게 되었다. 또, 내가 배웠던 Bootstrap을 한번 이용하고 싶어 Bootstrap의 carousel을 이용했다. ✨ 느낀 점 💢 힘들었던 점 Carousel 이미지 크기를 어떻게 줄이지? project 단락을 만들때 사용하던 코드를 이용해 칸을 만들었다. 이번에 조금 어려웠던 점은 Bootstrap의 carousel의 크기를 조절하는 방법을 몰라 한참을 헤메었다. 인터넷에도 나와 비슷한 고충을 겪고있는 사람들이 있지만 문제해결이 되지않..

[1人 프로젝트] 포트폴리오 5회차
2021. 12. 28. 04:36
프로 젝트/포트폴리오
🎉 성과 완성한 부분 Skill 다음으로 Project 단락을 만들어서 내가 클론코딩한것과 포트폴리오 웹사이트를 이미지 슬라이드 형태로 넘기면서 볼 수 있게 만들었다. 완성한 이유 그냥 사진만 첨부하면 정렬되지도 않고, 모양도 예쁘지않아 이미지 슬라이드 형태로 만들게 되었다. 또, 내가 배웠던 Bootstrap을 한번 이용하고 싶어 Bootstrap의 carousel을 이용했다. ✨ 느낀 점 💢 힘들었던 점 불면증..? 매일 새벽에 잠을 자다보니 어느순간 잠을 안자게 된적이 많아 정신이 몽롱한 상태인거 같다. 너무 처절하게 공부하고 있는거 같다. 잠시 쉴 타이밍을 잡아야겠다. 정말 나 합격만 시켜주세요 나 누구보다 정말 잘할자신 있는데 이미지 슬라이드 버튼을 누르면 다른 이미지 슬라이드가 넘어간다? 처음..