Half Road

웹 페이지를 따라 만들때 사용된 Color를 쉽게 확인하는 방법이 있습니다. Chrome에서 확장프로그램 ColorZilla를 사용하는 방법입니다. ColorZilla 위 이미지에 나온대로 설치 해주시구요. 툴바에 고정하겠습니다. 확장 프로그램을 클릭하면 커서 모양이 바뀌는데, 이때 복사하고 싶은 엘리먼트위로 커서를 올리면 색깔이 상단에 바뀌는것을 확인할 수 있습니다. 클릭시 클립보드로 색상이 복사가 됩니다. 단축키를 활용하시면 보다 신속하게 컬러 확인하실수 있습니다. 단축키 설정

Publising 연습할때 Page를 따라 만들어보는게 도움이 되죠. 이때 해당 페이지에 원하는 이미지를 쉽게 다운로드하는 방법이 있습니다.. Chrome에서 확장 프로그램을 다운로드해서 사용합니다. Image downloader 크롬 웹스토어에서 image downloader를 검색하여 위 이미지에 보이는 프로그램을 설치합니다. 사용하기 편하게 저는 확장 프로그램을 툴바에 고정하겠습니다. Image downloader 아이콘을 클릭하시면 이미지 목록을 보실수 있습니다. 체크하셔서 Download하시면 됩니다. 모든 이미지를 체크하시고 싶으시면 Select all을 클릭하시면 됩니다. 다운로드 이미지를 특정 폴더에 관리하기 위해선 설정이 필요합니다. 위 이미지대로 설정하시면 사용자 다운로드 폴더 내에 i..

해당 탭페이지에 표시되는 해당 이미지를 favicon이라고 부릅니다. 다운로드 방법 접근하려는 사이트주소 앞에 chrome://favicon 를 붙여주면 됩니다. 예제 이후 해당 이미지를 우클릭해서 다운로드 받으시면 됩니다. HTML 적용 head > link 태그 내에 'rel=icon'으로 지정하여 등록해주시면 됩니다.

들어가며... pycharm을 통해 본격적으로 python을 배워보는 강의였다. python을 배워본 적이 없었지만 이때까지 여러 언어를 해보았기 때문에 큰 거부감없이 익숙해질 수 있었던것 같다. 파이썬, 크롤링과 noSQL인 mongodb는 항상 보아왔던 키워드들이었기 때문에 기대가 됬었다. 배운것들 파이썬 및 개발 환경 인터프리트 언어로서 별도의 컴파일 과정이 없다. 인터프리터를 설치하여 실행만 해주면된다. 프로젝트 관리에서 신기했던게 있었다. 바로 가상환경이다. 보통 언어에서 프로젝트 관리 도구들이 하나씩 있는데, 예를 들어 java는 maven을 사용하고 nodejs는 npm을 사용한다.해당 도구들을 통해 프로젝트와 관련된 패키지들을 확인하고 설치할 수 있게된다.그런데 python은 pip라는 패..

팬명록은 1주차에 진행을 했는데요, 2주차에서는 타이틀 아래에 서울 기온 데이터를 넣는 작업을 하였습니다. 1주차에 스파르타피디아와 팬명록에 버튼 이벤트를 개인적으로 추가하였는데, 2주차에서 선생님이 기존 만든거에 이벤트를 넣는 것을 하더라구요. (전 안하는줄...ㅎ) 기존거에 이렇게 기능을 추가해나가는것이 좋았고, 제거랑 비교하면서 보는 재미도 있더라구요 ㅎㅎ 특히 backtick (`)을 활용한 template literal 구문으로 html을 생성하는 부분이 저는 엄청 편하더라구요. SI 에서는 IE 지원을 거의 하는편이라 ECMA 5 문법까지만 거의 썼었는데 앞으로 개인프로젝트하면서 ECMA6 이상 문법을 많이 접해봐야겠습니다. 팬명록 추가기능 저는 추가로 기능을 더 넣어봤는데요. 응원 댓글 Ho..

Vite Tool관련 설정입니다 LAN상에 다른 장치로 접근할려고하니 localhost밖에 안되더라구요. 그래서 정리해보겠습니다. 환경설정 전 npm run dev # 개발서버 가동 네트워크를 공개하기 위해 --host 옵션을 쓰라고 하네요. # cmd netstat -ano | findstr "3000" # listening Port 검색 cmd 에서 확인시 loopback 주소로 Listening 중입니다. 개발서버 기본 포트가 3000을 사용하더라구요 환경설정 후 Network Adapter 개수 만큼 나오네요. 저는 VMware 가상머신을 사용중이라 2개가 더 있는것을 확인하실수 있습니다. 네트워크에서 0.0.0.0 주소는 0.0.0.0:3000으로 확인되는데, 이는 와일드카드 주소로 불리며 모든..

bootstrap 기반으로 만든 페이지 정리 CDN(Content Delivery Network) bootstrap 사용시에 CDN을 통하여 css, js 파일을 가져옵니다. 별도 다운로드 없이 CDN을 통해서 가져오면 인터넷 상에서 해당 파일을 가져올 수 있습니다. CDN 경로를 보시면 jsdeliver를 보실 수 있는데 해당 기능을 통해 네트워크상 가장 가까운 경로에 캐시된 파일을 가져올 수 있으므로 특정 서버에 있는 파일을 가져오는 것 보다 성능적으로 이점이 있습니다. bootstrap 강의와 함께 bootstrap 본격적?으로 써봤던것 같습니다. (과거 학생 때 써본기억이 드문드문 있네요...ㅎ) css, js가 미리정의 되어있고 example html이 작성되어 있어 복사/붙여넣기 로도 꽤나 괜..

1. working directory를 마지막 push 시점으로 되돌리기 2. working directory를 이전 commit 시점으로 되돌리기 3. 특정 시점 특정 파일을 restore 1. working directory를 마지막 push 시점으로 되돌리기 git reset --hard origin/main # /, hard 옵션을 통해 working directory를 복구 reset 옵션 3가지 soft -> hard 순으로 영향 범위가 넓어진다. 1.--soft : branch ref 2.--mixed (default) : index 3.--hard : working directory 2. working directory를 이전 commit 시점으로 되돌리기 특정 파일 삭제 후 커밋 git ..