It's going to be one day 🍀

안녕하세요! 매일 매일 공부하려고 노력하는 백엔드 개발자 지망생의 공부 흔적입니다.

Project/FE 미니 프로젝트 4

[FE] 개인 프로젝트 4일차 (끝!)

드디어 프로젝트 완성! 제출 마감은 화요일까지긴한데 오늘 끝냈다.처음 접하는 나같은 사람들을 배려해서 기간을 길게 주신 것 같다. 덕분에 조급하지 않고 편한 마음으로 이것저것 다 해봤다. 오전엔 개인 공부를 하고 백준 문제를 좀 풀었다. 점심을 먹고 오후부터 프로젝트를 다시 시작했다. 오늘은 다시 디자인 수정을 했다. 모달창을 깔끔하게 출력하고, js 분리도 하고,무한 스크롤 기능도 수정하고,커서를 가져다대면 정해놓은 사진이 움직이는 기능도 넣어주었다. 그리고 깃허브 페이지스에 배포를 했다. 처음엔 자꾸 readme 화면만 나오길래 이것저것 찾아봤었는데 내가 원하는 html 이름을 뒤에 추가해서 검색하니까 바로 잘 나왔다.카카오 API도 깃허브로 옮기고~ 마지막으로 readme 작성도 했다. 이번 프로젝..

[FE] 개인 프로젝트 3일차

오늘은 프로젝트를 (거의) 다 완성했다! show more(무한 스크롤) 효과 넣기 탑버튼 & hover 제작 email, nav, span 등의 세부적인 요소들을 정리하는 작업을 했다. 완성 절대 못할거라 생각했는데 또 배운 내용이랑 구글링 하니까 어찌저찌 되긴 된다 ㅋㅋㅋㅋㅋㅋㅋㅋ 다만 아직 부족한 부분은 1. html과 js 연결이 안되는 문제 -> 계속 찾아본 결과 js 파일을 따로 불러왔을 때 무한 스크롤 부분에서 뭔가 문제가 있는듯. 추가로 지도도 안나옴. 지금 그런부분에 신경 쓸 만한 실력이 아니라.. 일단 완성 했다는 거에 의의를 둔다.. 2. 무한 스크롤 이게 맞나..? 3. 모달창이 튀어나올 때 벌어지는 하얀 간격은 대체 무엇인가 내일 프로젝트 계획은 readme 작성, 깃허브 페이지스..

[FE] 개인 프로젝트 2일차

오늘은 개인 프로젝트 2일차 되는 날이다. 오늘은 하루종일 프로젝트를 진행했다. 나머지 html, css, 글씨체 설정까지 다 하고 카카오 API로 지도 넣고 modal 창이랑 modal js 구현까지 완성했다! 오늘 엄청 크게 깨우친 점이 있다. 바로 내가 내 노트북 화면에 억지로 맞춰서 하고 있었다는 것.. 그래서 피그마보다 내 요소들이 더 간격이 좁고 이상했던 것이다.. 크롬으로 하다가 엣지로 켜봤는데 브라우저마다 요소의 배치가 너무 달라지길래 이렇게 제출하면 안될 것 같은데? 하고 이리저리 봤더니 중앙 정렬도 안하고 margin으로만 무식하게 밀어넣고 있었다...... 대체 왜 그랬을까? 내가 보는 화면만 맞으면 된다고 생각한 이상하고 무식한 방법이었다.. 이걸 이제서야 깨닫다니.. 당장 중앙정렬..

[FE] 개인 프로젝트 1일차

오늘부터 개인 프로젝트 기간이다! 오전엔 프로젝트 기능 구현에 필요한 무한 스크롤 기능 수업 듣고 못 끝냈던 과제를 강의와 함께 다시 풀어보면서 완성시켰다! 사실 js로 기능 구현이 잘 안되서 (엄청 간단한 문제같은데 몇시간 내내 이유를 모르겠다..) html css만 완성된 상태이다. https://github.com/drinkgalaxy/html-css GitHub - drinkgalaxy/html-css Contribute to drinkgalaxy/html-css development by creating an account on GitHub. github.com -> 이번 과제는 1만 시간의 법칙 클론코딩 (final_task 이름으로 올려뒀다.) 오늘부터 공식적으로 프로젝트 진행해야해서 과제는..