💻 더 나은 개발자 되기 69
-
참 민망하게도 이제까지 혼자 힘으로 배포를 해 본 적이 없었는데.. 너무 쉽게 배포 할 수 있는 방법이 있어서 따라해봤다. 아직 미완성 된 페이지지만 배포 된 걸 보고 싶어서 드릉드릉~ 뭐 하나라도 놓칠까 싶어 하나씩 다 캡쳐를 한 것이기에 스크롤 압박이 있을 수 있다. rosedaily101.netlify.app Heropy Coffee Landing 헤로피커피는 세계에서 가장 큰 다국적 커피 전문점으로, 64개국에서 총 23,187개의 매점을 운영하고 있습니다. epic-darwin-271c77.netlify.app 아래에서도 올릴거지만, 내가 배포한 결과물 미리보기 ㅋㅋ 넷리파이 가입 https://www.netlify.com/ Netlify: Develop & deploy the best web ..
-
자동 슬라이드 기능 만들기 gif가 아니지만.. 순차적으로 내부의 글자등이 바뀌는 자동 슬라이드 기능 만들기. https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com swiperjs에 들어가서 Get Started를 누르면 사용하기 위한 코드를 받을 수 있다. 난 나중을 위해 블로그에 그대로 기록. Slide 1 Slide 2 Slide 3 ... 스크롤을 움직이면 html구조도 함께 받을 수 있다. new S..
-
평소 깃을 방치해둔터라 듬성듬성했던 깃허브.. 본격적으로 공부를 하며 깃을 새로 생성했다. 매일 작업 한 것들을 커밋하고 있는데, 오늘 커밋 + 푸시 가 반영이 안됐다. 당황스러웠으나, 한켠으로 반영이 좀 늦나..? 라고 생각을 해보려 했다. 커밋이력에는 제대로 기록이 있다. 깃허브 잔디심기가 안되는 이유 소스트리에서 이메일 주소가 보여지는 게 싫어서 삭제를 했다가 개발 전용 지메일을 하나 생성했고, 그 지메일로 소스트리 이메일을 변경했었다. 결국 이유는 깃허브에서의 이메일과 소스트리에서 커밋한 이메일이 달랐기 때문! 깃허브 생성 시 메일 : 네이버 실제 커밋 시 사용하는 메일 : 구글 나는 이미 소스트리에서 사용중인 지메일로 깃 허브 메일도 통일을 하기로 했다. 깃허브 잔디심기가 안될 때 해결 방법! ..
-
VSCode를 사용하는데 자꾸만 줄 바꿈이 된다. 코드정리에 유용해서 적당한 줄바꿈은 보기 좋아 편리하지만, 자꾸 줄바꿈이 되면 오히려 가독성이 떨어져서 스트레스가 된다. 이게 무슨 긴 문장이라고 이걸 자동 줄바꿈 하냐고..!! 프로토 표정 = 저장 할 때마다 내 표정 앞으로 VSCode를 시작하기 전에 필수셋팅 항목에 넣어야겠다! 내가 원하는 결과는 이것이다! 1. 한 화면에 원하는 코드를 전부 볼 수 있어야 한다. 2. 작은 화면에서도 가로스크롤을 사용하지 않아 코드를 보는 데 불편함이 없어야 한다. -> 화면이 작아져도 라인수를 잡아먹지 않으면서 원하는 코드를 전부 보여준다. VSCode를 설치 후 필수 셋팅으로 추천하며, 1번과 2번 동시에 해야 시너지가 난다! (3번은 파일 수정이라 더 편할 수..