본문 바로가기

Life

 (242)
20200902 T.I.L 오늘 한 일 오늘도 시몬스 페이지와 함께 고군분투의 날이었다. 중간에 포기하고 싶은 순간이 어찌나 많던지;;;; 와우;;;; 역시 하나의 페이지를 완성하는 건 쉬운 일이 아닌 것 같다. 결국 푸터 부분만 빼고 다 완성을 했다. 사실 푸터 부분도 스크롤했을 때 애니메이션이 동작하게 하는 것만 해결하면 완성이라 다 완성을 하고 이제 버그를 잡는 것과 모바일 환경에서도 어색하지 않게 돌아가도록 만들어 줄 일만 남았다(만드는 동안 완성한 부분들에 생각지도 못한 버그들이 계속 생긴다.. ㅎㅎㅎ 이게 무슨일이람;;). 저번에 66 days 만들 때는 반응형이고 뭐고 아무것도 몰라서 모바일로 들어가면 막 다 깨지고 그래서 별로였는데 이제는 어떻게 조정을 해야 할 줄 안다는 게 감격스럽다. 내일 안에 완성할 수 있을지..
20200901 T.I.L 오늘 한 일 시몬스 페이지의 스크롤 섹션 3번의 중간까지 완성했다. 첫 섹션에서 동영상을 넘어가면서 텍스트 색이 점점 하양에서 검정으로 넘어가는 게 제일 깨기 힘든 관문이었다 ㅠㅠㅠ 어제도 고민하고 오늘도 고민하고 이건 어디서 배운 게 아니라서 열심히 서칭도 해봤는데 물론 서칭 해서 나올만한 게 아니라 나오질 않았다 ㅜㅜㅜ 그래도 결국 해 내고야 말아서 정말 다행이다. 안 그랬으면 진도도 안 나가고 오늘 3번 섹션에는 접근도 못했을 거다. 다섯 개의 섹션 중에서 세 개째의 중간을 하고 있고 네 번째 섹션은 나름 어렵지 않은 구간이라 많이 완성이 된 것 같지만 이렇게 많은 섹션을 완성하다 보니 이제 첫 번째 섹션까지도 버그가 생겼다;;;; 세 번째에 집중하다 보니 오늘 할 분량을 끝내고서야 발견해서 왜 이..
20200831 T.I.L 오늘 한 일 이제 본격적으로 시몬스 웹페이지 작업을 시작했다. 메인 스크롤 영역의 css를 완성하고 양 옆 사이드 메뉴를 버튼을 누르면 들어오고 나오게 만들었는데 그 후에 기본 css를 모바일 우선으로 만들고 정작 웹페이지로 변환시키거나 하지는 않았다는 걸 깨달아서 다시 작업하기 시작했다. 그렇게 웹페이지용으로 만들고 난 후 이제 자바스크립트로 스크롤 영역을 크기에 맞게 늘려주니 또 css가 너무 거슬리게 못생겨서 다시 작업을 해주었다ㅜㅜ;;; css에서 이렇게 많은 시간을 소요해야 한다는 게 힘들기도 했다. 그리고 다시 제대로 첫 크스롤 영역부터 스크롤 반응형 요소들 작업을 해주니 머리가 정말 터질 거 같았다. 코로나 때문에 강제로 집에서 공부하기 시작해서 가뜩이나 집중도 안되는데 이게 연습했던 것 못..
20200830 T.I.L 오늘 한 일 버그 잡는 것 까지 완성하고 드디어 새로운 프로젝트를 시작했다. 시몬스 페이지를 내가 조금 디자인을 바꿔서 반응형으로 만들어 보려고 한다. 이번에도 스크롤에 따라 자연스럽게 변화하는 웹페이지를 만들어 보는 것이 목표이고 오늘은 기본적인 html구도와 양옆 사이드 메뉴의 css까지 완성했다. 동영상도 좀 여러 장 쓰고 효과를 다양하게 주어서 예쁘게 만들어보고 싶다. 이게 결과물이 어느 정도로 나올ㅈ는 모르겠지만 포트폴리오에 추가할 만한 작품이었으면 좋겠다!! 내일 다 완성하진 모하겠지만 최대한 많이 해서 1일에 리액트 강의를 듣는것이 목표이다! 파이팅!!
20200829 T.I.L 오늘 한 일 인강을 들었던 부분들까지 다 해결하고 이제 마지막 버그 수정하는 부분 인강만 남았다! 스크롤 자연스럽게 하는 부분과 로딩이미지를 svg를 이용해서 만드는 부분을 하고 초반부 버그들도 조금 잡는 부분까지 완성했다. 내일은 인강을 모두 다 듣고 완성하고 새 페이지를 만들기 시작할 수 있을 것 같다. 와우! 이제 이거 끝나고 한달동안 리액트를 배울 예정인데 중간중간 엘리님 강의도 하나 신청해서 듣고 하면서 실력을 쌓아나가려고 한다. 지금까지 왔더니 사실 내가 만들었던 66 habits 프로젝트가 너무 초라해 보인다... 이랙트를 한번 하고 나면 대대적으로 변화시켜서 포트폴리오에 내세울 수 있을 만큼 열심히 해야겠다!! 그리고 리액트를 배우고 자바스크립트를 배우면 node.js도 하는게 좋다던데 배..
20200828 T.I.L 오늘 한 일 애플 클론 코딩 복습을 계속 알차게 해나가고 있다. 뒷배경에 이미지를 깔아서 스크롤에 따라 배경들이 자연스럽게 비디오처럼 스르르륵 넘어가게 만들고 마지막 부분에서는 이미지 크기와 포지션을 스크롤에 따라 바꿔가면서 내용을 보여주는 부분을 완성했다. 역시 강의 막바지로 가는 부분들이 확실히 어렵다;;;; 계산하는 부분이 확실히 복잡해서 헷갈리긴 하는데 그래도 차근차근히 해 나가서 세 번째는 정말 잘할 수 있을 것 같다 ㅎㅎㅎ 공부 끝나고 제일 마지막에는 세 번째 포트폴리오에 넣을 만한 아이디어와 디자인 소스들을 한 시간 동안 열심히 찾았다. 나는 참 이런 부분이 재미있다. 개발을 해내고 기능을 구현해내는 것도 재미있지만 처음 디자인부터 쓰임새까지 디테일하게 구상해서 만드는 부분들이 지금 이 공부..
20200827 T.I.L 오늘 한 일 매일 스터디 카페에 아침 일찍 가서 공부를 하는데 오늘은 가지 못했다. 그래서인지 공부를 평소 하는 만큼은 못한 거 같다. 집에서 열심히 하면 되지 라는 생각을 그냥 없애버려야겠다 정말 ㅎㅎ;;; 어제 강의를 중간에 멈추고 복습을 하기 시작했기 때문에 오늘도 이어서 복습을 했다. 모르고 막히는 부분이 확실히 있었지만 다시 강의를 들어보고 코드를 적어보면서 처음 강의를 들었을 때보다 훨씬 더 이해하기가 쉬웠다. 어떻게 식을 짜고 어떤 식으로 계산하고 있는 건지 처음 들었을 때는 잘 감이 안 왔는데 다시 복습하면서 공부해보니 이제는 조금 이해할 수 있게 된 것이다. 역시! 복습이 중요하다. 다 안다고는 하지만 다 알기 전까지 다 안 것이 아닌 것(?)! 다음 새로운 페이지로 또 복습해볼땐 최대한..
20200826 T.I.L 오늘 한 일 오늘은 애플 웹사이트 코딩을 계속했다. 사실 마지막에 모바일에서 버그가 나오는 걸 수정하는 부분만 해결하는 강의가 남고 거의 다 했는데 마지막 강의를 보기 전에 아차 싶었다. 내가 여기서 더 강의를 보는 게 맞나 지금부터 복습을 한 번 해야 하는 건 아닌가 싶어서 중단하고 다시 디자인 소스부터 찾기 시작했다. 역시 디자인 소스 찾는 일이 제일 오래 걸리는 건 함정이다.ㅜㅜㅜ 다 찾지도 못하고 일단은 html부터 작성하기 시작했는데 하루가 다 가버렸다. 내일은 복습에 하루 종일을 쏟는 하루가 될 것 같다. 이거 한번 해보고 다른걸 복습을 해볼지 다음으로 넘어갈지 고민해봐야겠다! 오늘 블로그 글을 하나 완성했는데 내일도 하나 완성해서 올리고 싶다! 내일도 파이팅!

티스토리툴바