본문 바로가기

분류 전체보기311

[JS][Vanilla] import, export로 코드를 간결하게 만들기 코드를 간결하게 만드는 것은 굉장히 중요하다. 보기도 좋을 뿐더러 유지보수 측면에서 훨씬 유리해서 더욱 높은 차원의 결과물을 만들어낼 수 있다. https://ko.javascript.info/import-export 모듈 내보내고 가져오기 ko.javascript.info 위의 사이트에 굉장히 자세히 설명이 되어있다. 나는 대표적인 몇개만 들고와서 설명해 볼 것이다. 우선 main.js과 같은 폴더에 test.js를 생성한다. 그리고 아래와 같이 입력해보자. 2개의 예시를 들건데, 모두 같은 결과를 낸다. 상황에 따라 골라서 쓰면 된다. // test.js // 각각 내보내기 // 변수 내보내기 export let number = 5; // 배열 내보내기 export let car = ['hyundai.. 2021. 12. 7.
[WEB] Node.js를 더 쉽게 쓰기위한 PM2 소개 PM2에 대해서 다뤄보겠다. 내가 node.js로 웹개발을 하면서 굉장히 유용하게 쓰고있는 패키지이다. npm을 이용하여 굉장히 쉽게 다운 받을 수 있고, node.js를 실행 시킬 때 항상 재실행을 하지 않아도 되서 유용하다. PM2 공식 페이지 : https://pm2.keymetrics.io PM2 - Home Advanced process manager for production Node.js applications. Load balancer, logs facility, startup script, micro service management, at a glance. pm2.keymetrics.io PM2 깃허브 : https://github.com/Unitech/pm2 GitHub - Unite.. 2021. 12. 3.
[WEB] 진행바(Progress Bar) 추가하기(블로그, 쇼핑몰) 정확한 명칭은 Scroll Indicator 이다. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_scroll_indicator W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.com W3Schools에서 scroll indicator를 검색해보면 예제가 나와있다. 그 중에서 내가 필요한 부분만 잘라냈다. 내가 제일 좋아하는 노래인 '당신과는 천천히'의 가사를 붙혀넣어 봤다. See the Pen Untitled by Jirong (@jirongkim.. 2021. 11. 6.
[GIT] reset --(soft/hard/mixed) 쉬운 설명 Git reset 하는 방법에 대해서 알아보겠다. soft hard mixed (옵션을 적지 않으면 defualt로 작동) 우선 현재 상태이다. Head는 TestCommit3 인데, 엄청난 오류로 인해서 TestCommit1 으로 다시 되돌리고 싶다. Reset 설명전에 구조에 대해 간단하게 소개하겠다. Git에서는 3가지 저장소가 있다. 1. Working Directory (IDE로 작업하는 공간, 로컬로 작업하는 공간) 2. Stage Area (1번에서 작업한 파일을 git add . 으로 Stage에 올릴 시 이 공간으로 오게된다) 3. Repository (Github 온라인에 올라간 파일이다. 2번에서 push를 입력 시 이곳으로 오게된다) 20b03f9 (commit ID) fddae4a.. 2021. 10. 31.
[html] 서버 없이 이메일을 보내보자! 구글 스프레드 시트를 이용하여 서버 없이 이메일을 보낼 수 있는 방법이 있다. https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server#how GitHub - dwyl/learn-to-send-email-via-google-script-html-no-server: An Example of using an HTML form (e.g: "Contact Us" on a web :email: An Example of using an HTML form (e.g: "Contact Us" on a website) to send Email without a Backend Server (using a Google Script) perfect.. 2021. 10. 31.
Mixed content / Failed to load response data... 문제 해결방법 예기치 못한 에러가 발생하였다. 우선 크롬의 Network를 들어가서 확인해보니 jqeury-latest.min.js가 제대로 다운로드가 안 되는것 같았다. 사파리는 되고, 로컬로 테스트 했을 때도 됐는데.. 왜 push 후 크롬으로 하니까 안 되는것일까..! blocked:mixed-content Failed to load response data : No data found for resource with given identifier 구글링을 해보니.. http의 보안상 문제 때문에 https를 써야한다고 한다. 그래서 나는 jquery를 호출하는 링크에 s를 살짝쿵 붙혀놓았더니.. 정상동작한다 ㅋㅋㅋ 이 소스코드를 맨 위에 붙혀놓아도 된다고 한다. 2021. 10. 30.

티스토리툴바