스파르타코딩클럽 내일배움캠프 66일차

오늘 일과 간단 요약

1. react-fullpage 라이브러리 연습
2. 포토폴리오에 들어갈 거 정리
3. next.js 2일차 강의
4. 프로그래머스 level 1 1문제

 

 

 

 

 

 

 

react-fullpage 라이브러리

next.js 강의를 들으려고 하다가 추가 과제인 포토폴리오에 대해 고민해보고 딴 길로 빠졌다(?)ㅋㅋㅋㅋㅋ

다른 분들의 완벽한 포토폴리오 완성본을 보다보니 전체 페이지 스크롤이 뭔지 궁금해져서 구글링해봤다.

 

처음에는 fullpage인지 모르고 그냥 '전체 페이지 스크롤' 검색 시작으로 fullpage 에 대해 알게 되고,

react-fullpage 라는 라이브러리 있는 걸 처음 알게 되었다. 그래서 딴길로 새서 아예 그걸로 포토폴리오 초안(?)을 만들어보려고 오전부터 씨름하고 있었다. 오전 시간 다 쓰고 오후 시간 일부까지 써서 결국 이해 완료.

그리고 fullpage.js 라는 것도 데모 페이지 보고 그것도 무료 버전으로 써보려고 하는 중이다.

포토폴리오 멋있게 만들어야지....(?)

 

https://daydream-sy.tistory.com/170

[React] react-fullpage 라이브러리 (fullpage scroll)

 

블로그 글에는 예제 처음 실행한 캡처화면도 있는데, 사실은 저기서 더 많은 걸 했었다.

메인 페이지랑 디테일 페이지 따로 만들고, 스타일도 주고, 이미지도 넣고 등등...그래서 시간이 더 오래 걸린 것 같기도...?

 

오랜만에 새로운 거에 대한 호기심이 생기고 직접 찾아보고 적용시켜보니까 시간가는 줄도 몰랐다.

간만에 재미있게 한 느낌...?

 

시간은 많이 걸렸지만 그래도 좋은 경험이었다.

 

 

 

 

 

 

포토폴리오 준비

사실 캠프가 다 끝난 것도 아니고, 뭐 이렇다 할 프로젝트를 한것 같지는 않지만...

풀페이지 라이브러리 적용해보는 겸 지금까지 했던 프로젝트를 다시 살펴봤다. 약간 리마드 느낌으로.

 

처음 프로젝트는....ㅋㅋ 다시 보니까 이게 뭐람, 싶기도 한데 처음 만난 사람들과 함께 했던 첫 프로젝트라 그런지 기억에 많이 남는다. 그렇지만 포토폴리오에 넣지는않기로...지금 보니까 쬐금 민망하다ㅠ

 

그리고 바닐라 자바스크립트로 SPA 만들었던 뉴스피드 프로젝트...!

첫 프로젝트가 일주일만에 헤어지고 좀 오랜 기간동안 공부하고 프로젝트 진행해서 조원들과 많이 정이 쌓였다.

더군다나 이런 본격적인 프로젝트가 처음이라서 조원들끼리 많이 고생했던 기억이....진짜 다시 한번 팀하고 싶다.

 

그 이후에 리액트 프로젝트, 네이티브, 가장 최근에 끝났던 프로젝트까지.

차례대로 복기하니까 그 때의 기억이 나기도 하고 딴 얘기지만 재밌었다...ㅋㅋㅋㅋㅋ

공부할 시간에 이런거 해도 되나, 싶지만 그래도 이것도 좋은 시간이었떤 걸로..

 

어차피 프로젝트를 포토폴리오에 넣어야 하니까...!

배포한 프로젝트 캡처본도 넣어서 전체 페이지 스크롤에 넣으니까 생각보다 깔끔했다.

좀 더 다듬어서 블로그랑 깃허브에도 올려봐야지.

 

 

 

 

 

 

next.js 오늘자 강의

어제에 이어 오늘도 강의를 들었다.

뭔가 어제 들었을 때는 쉬워보인다는 이상한 자신감(?)이 있었는데 하루만에 사라져버렸다...ㅋㅋㅋㅋ

그냥 낯설어서 얕봤던 걸로...절대 얕보지 말아야지.

 

react 처음 배울 때나 typescript 처음 배울 때는 유튜브 강의나 유데미 강의 들으면서 두번 세번 공부했었는데

이번에는 아니어서 더 어려운 걸 수도 있다.

어제 분명히 오늘 추가 공부하려고 했는데 다른 길로 너무 새서...내일은 꼭 듣는 걸로.

 

원래 오늘 선택 과제가 포토폴리오 만들기였는지 조원 중 한 분이 유튜브 강의를 추천해주셔서

내일 그것도 같이 들어야겠다. next.js로 포토폴리오 만들기였는데 그거 보면 잘 따라할 수 있을것 같다.

 

아래가 그 유튜브 링크이다. 내일 링크 까먹지 말고 들어야지 (2시간 짜리라서 들어도 괜찮을 듯)

https://www.youtube.com/watch?v=KvoFvmu5eRo&t=53s

 

 

 

 

 

 

프로그래머스 Level 1 1문제

오늘도 1문제 풀기는 성공. 저녁 시간에 순조롭게 풀 수 있었다.

오늘 푼 문제는 다른 사람들과 비슷하게 풀어서 다른 사람 풀이는 적지 않았는데,

한 번 틀리고 다시 시도해서 맞춰서 이전에 틀린 코드랑 비교해보고 하는 시간이 더 길었다.

 

level 1이어도 정답률 높은 문제 순서대로 풀어서 그런지, 아직까지는 시간이 엄청 오래 걸리지는 않았다.

근데 꼭 이렇게 말하면 오래 걸리더라고...걍 이런말도 하지 말아야 하는데.

어제 코테 준비 영상을 참고해보고 그대로 공부해보고 싶은데 이것저것 다른 거 하다가 시간 다가버렸다

다음주부터는 최종 프로젝트니까 잠깐 알고리즘 공부 멈추고 프로젝트에 집중해야겠지뭐...

 

아래는 오늘 푼 문제 링크.

https://daydream-sy.tistory.com/171

[프로그래머스 level 1] 86051. 없는 숫자 더하기 (JavaScript)

 

 

 

 

 

 

 

 

 

 

짧은 일기

오늘은 정말 오랜만에 궁금했던 질문에서 시작해서 포토폴리오 초기 기획까지 해보고,

프로젝트 복습도 해보고....뭔가 필요했던 시간 같기도 하고 나 혼자만의 만족스러운 시간이었다.

 

next.js 도 열심히 공부해야 하는데 요상하게 이번에는 다른 길로 자꾸 새네...내일은 next js 먼저 하기로...ㅎ

생각해보니까 어제 튜터님 특강도 못들었다...!! 타입스크립트 타임어택 해설도 못들었음...잊지 말기....

자꾸 뒷전으로 미루다보니 계속 미루게 된다. 내일은 밀린 강의들 꼭 듣기..!

 

간만에 뭐 하나에 깊게 빠진 하루였다...!