천천히 차근차근

vscode를 사용해서 markdown 작성 파일을 png, pdf, jpeg 확장자로 파일 저장하는 방법 F1 or 'Ctrl + Shift + P' 선택 후, markdown-pdf: Export (pdf) 입력하면 작성중인 폴더 경로에 pdf 파일을 생성해준다.

https://ansohxxn.github.io/blog/markdown/#%EB%AC%B8%EB%8B%A8-%EB%82%98%EB%88%84%EA%B8%B0 [Github 블로그] 마크다운(Markdown) 문법 총 정리 🔔 jekyll 블로그에 포스팅을 하기 위한 마크 문법 익히기 ansohxxn.github.io

Postman Visual Studio Code MacDown

이클리스 project explorer를 왼쪽 고정하지 않고 분리해서 사용하다가 다시 왼쪽으로 고정하는 방법 windows > Perspective > Reset perspective 클릭 하여 설정을 초기화하면 된다.

https://m.blog.naver.com/loswdr/221922665356

localStorage란? 자바스크립트, jquery를 사용하여 작업을 할 때, 데이터를 db에 저장해서 사용할 수도 있지만 브라우저에 저장시키는 방법이다. 나의 경우, 메뉴별로 다르게 css를 적용할 상황이 생겼는데 다른 방법도 있겠지만 header.html 파일을 만들고 script로 각 페이지마다 header.html은 jquery로 함께 로딩을 하는데 이럴 경우, header에 있는 메뉴 css를 각 페이지로 이동할 때마다 새로고침되어 적절한 방법이 떠오르지 않아 localStorage를 어제 어쩌다 보았었기에 이것을 활용해보았다. 각 페이지에 접속할 때마다 아래와 같이 name이라는 변수에 value를 페이지마다 다르게 셋팅을 해주었다. localStorage.setItem('name', 'va..

나는 테스트1 기존에 사용하던 방법에서는 window.onload를 사용하지 않았다. html 요소들을 모두 불러오기 전에 header 부분을 불러와서 화면의 반짝 거림이 심하게 느껴져셔 window.onload를 사용하여 브라우저가 html의 모든 요소들을 불러온 후 body를 불러주도록 하였다.

1. Auto Rename Tag 2. Auto-Open Markdown Preview 3. Bracket Pair Colorizer 2 4. Django 5. ESLint 6. ftp-simple 7. Jinja 8. Jupyter 9. Live Server 10. MagicPython 11. Markdown PDF 12. Markdown Preview Github Styling 13. Material Icon Theme 14. Night Owl 15. Night Owl Black 16. One Dark Pro 17. open in browser 18. Prettier - Code formatter 19. Pylance 20. Python 21. Python Docstring Generator 22. ..

Dom과 가상 dom DOM : Document Object Model Document : html 문서를 의미 html 모든 태그들은 node로 부터 상속 받는다. html 요소들은 기본적으로 node이다 라고 이해하면 된다.

📌interface interface는 각 클래스에서 동일하게 사용하는 기능들을 만들어서 장착한다. 구현하는 객체들이 같은 동작을 한다는 것을 보장한다. implements 예약어를 사용한다. inferface를 구현하기 위해서는 메서드를 만들고 기능은 정의하지 않는다. inferface를 사용할 때, 각 클래스가 inferface의 메서드를 오버라이딩하여 그 메서드의 기능을 각 클래스에 맞게 구현하여 사용한다. 📌추상 클래스 각 클래스의 부모 클래스로써 자식 클래스에게 기능을 물려주는 클래스이다. 메서드들은 모두 구현이 되어 있고, 그 기능을 그대로 상속 받거나 오버라이딩해서 기능을 수정하여 사용할 수도 있다. 부모 클래스는 abstract로 구현하며 객체를 생성할 수 없다. 추상 클래스는 interf..

https://velog.io/@function_dh/JavaScript-Swiper-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C-%EA%B5%AC%ED%98%84 [JavaScript] Swiper 사용법 - 슬라이드 구현 swiper는 슬라이드 라이브러리로 다양한 메소드와 설정을 지원해서 사용하기 매우 편한 점이 있습니다. 무엇보다 하위 브라우저(ie9)에서도 문제없이 사용 가능하기 때문에 크로스 브라우징 측면 velog.io https://m.blog.naver.com/anedthh/222014406404 [js] Swiper 슬라이더 사용법 (왕초보를 위한 홈페이지 대문에 슬라이드 넣기) ++ 2021.07.12 약 1년동안 ..

지저분하게 push한 commit을 1개의 commit으로 합칠 수 있는 방법을 알아보자. 이 방법을 구글링하고 적용한 이유는 업무 작업 중 1개의 commit으로 push를 했어야 하지만 나도 모르게 push....가 되버린 것인지......... 그래서 2개의 commit으로 2번을 push해버린것... 하여 2개의 commit을 합칠 필요가 있겠다고 판단하여 수행해보았다. 일단 commit을 합칠때에는 일반적으로 squash 명령어를 사용한다. 일단 합치고 싶은 commit들을 rebase 명령어로 되돌린다. git rebase -i HEAD~2 // HEAD(처음부터)에서부터 2개의 commit을 되돌린다는 의미. 시간 순(과거 ~ 최신) 순으로 commit들이 나오게 되는데 여기서 가장 처음을 ..

사용하기 좋은 차트 리스트 참고 링크

x : 커서에 위치한 문자 삭제(Delete) 키와 같음 dd : 현재 행을 삭제 :d : 현재 행을 삭제 D : 현재 컬럼 위치에서 현재 행의 끝부분까지 삭제(d$와 동일) J : 아래 행을 현재 행의 끝에 붙임(아래 행의 앞부분 공백은 제거됨) gJ : 만일 하나의 공백도 필요가 없다면 p : 현재행 아래에 붙여넣기 P : 현재행 위에 붙여넣기 50p부터 이어서

파일명 변경하는 방법 $ mv test.txt retest.txt 폴더명 변경하는 방법 $ mv folderA folderB

See the Pen by hyeryeonkim (@khr777) on CodePen. replace 사용법 1 ( 변경할 문자열을 1개만 변경 ) 위의 예시에서 test 참고 📌 replace 사용법 2 : 추천 (변경할 문자열을 모두 변경해준다.) 위의 예시에서 test2 를 참고

$('.list_box_c').scrollTop($('.list_box_c')[0].scrollHeight);위의 jquery를 활용하면 원하는 영역에 스크롤을 제일 하단으로 유지할 수 있다.

스크롤 이동 사용법 See the Pen by hyeryeonkim (@khr777) on CodePen. 위와 같이 jquery를 사용하면 스크롤 이벤트를 사용할 수 있다.

Nginx 관련 명령어 📌 시작 sudo service nginx start sudo systemctl start nginx sudo /etc/init.d/nginx start 📌 재시작 sudo service nginx restart sudo systemctl restart nginx sudo /etc/init.d/nginx restart 📌 중지 sudo service nginx stop sudo systemctl stop nginx sudo /etc/init.d/nginx stop 📌 상태 sudo service nginx status sudo systemctl status nginx 📌 설정 reload sudo service nginx reload sudo systemctl reload ngin..