Web(23)
-
Callback 함수에 관하여 (with.JS Hoisting)
콜백함수의 정의 (요약하자면, 함수들의 체인관계..?) 1. 파라미터로 함수를 전달하는 함수 2. 파라미터로 함수를 전달받아 함수의 내부에서 실행하는 함수 (함수의 내부에서 실행되기 떄문에 이름을 붙이지 않아도 되는 익명함수) 3. 나중에 호출되는 함수 (코드를 통해 명시적으로 호출되는 함수 X, 개발자는 단지 함수를 등록하기만 하고 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출하는 함수) JS에서 이벤트 핸들러 처리도 콜백함수의 예제이다 버튼1 button1_click()함수는 브라우저의 JS API에서 DOM 이벤트 핸들러에 전달(등록)되고, 해당 버튼에 클릭이벤트가 발생했을 때 이벤트 핸들러가 콜백함수를 호출한다. 또 다른 예시로, 이전에 유행 밈이였던 '깡'을 주제로 한 재미난..
2022.01.25 -
npm 활용해보기 (with ulglify-js)
https://www.npmjs.com/ npm Bring the best of open source to you, your team, and your company Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java www.npmjs.com npm은 Node Package Manager의 약자로 Node.js에서의 앱스토어와 같은 역할이다. npm 페이지 내의 search 기능을 통하여 다양한 npm을 찾을 수 있다...
2022.01.24 -
[Node.js] 공식 홈페이지에 나온 코드 이해해보기
안녕하세요 brandy 입니다 :) 이번 일주일동안(22.1.24~22.1.28)까지 node.js를 활용한 간단한 웹앱 제작 프로젝트를 진행해보려고 합니다. 그러기 전에 node.js에서 제공하는 코드에 대해 충분히 이해하고 넘어가고자 해서 해당 포스팅을 작성하게 되었습니다. const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World'); }); server.listen(port,..
2022.01.24 -
[node.js] 환경변수 설치는 잘 되어있는데..? node.js 실행 안됨(터미널 문제)
안녕하세요. brandy입니다. node.js를 활용한 웹어플리케이션 제작을 하기 위해 VSCode에 node.js를 설치하고 터미널에서 실행 결과를 확인하려던 중에 node : 'node' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 라는 에러가 발생하였습니다. 제가 확인한 내용은 아래와 같습니다. 1) cmd에서 node.js 잘 설치되어있나 확인하기 2) 환경변수에서 node.js의 path가 잘 설정되어 있는지 확인하기 모두 설치가 잘 되어있었다. 알고보니, 터미널이 'PowerShell'로 설정이 되어 있어서 위와 같은 오류가..
2022.01.24 -
CSS가 안먹힌다..? (+캐시 문제)
PHP 페이지를 유지보수 하던 중에 분명 background를 알맞게 설정했는데 적용이 안 되는 현상이 있었다. 그래서 혹시나 이전에 개발했던 부분의 캐시 문제인가?하고 ctrl+F5를 눌렀더니 바로 적용되었다. CSS에서 왜 이런 캐시 문제가 발생하는지 좀 더 자세히 찾아보았다. CSS를 고쳤는데도 그전과 똑같이 보인다면, 브라우저가 저장해놓은 '캐시'를 사용하기 때문에 그전에 내용이 그대로 보이는 경우가 많다. 해결책으로는 브라우저의 캐시를 지우거나, 파일명 변경해주는 것이 있다. 나 같은 경우에는 Ctrl+F5로 캐시를 삭제했다. * Cache란? 데이터를 임시로 저장해두는 장소. 사용자가 최근에 열어본 페이지로 다시 돌아왔을 때 브라우저는 시간을 줄이고 네트워크에 추가 부담을 덜기 위해, 원래의 ..
2022.01.18 -
[firebase 설치 오류] firebase : 이 시스템에서 스크립트를 실행할 수 없으므로 ~ 해결방법
안녕하세요. brandy 입니다. firebase를 사용하기 위해 이것저것 설정을 마치고 VSCode 터미널에서 firebase 로그인을 진행하려고 했는데 에러가 떴습니다. 이 에러는 VSCode를 사용하다보면 정말 흔한 오류인데요, 간단하게 PowerShell 관리자 권한을 이용하여 해결할 수 있습니다. 1. PowerShell에 관리자 권한으로 접속해줍니다. 현재 어떤 권한을 가지고 있는지 get-ExecutionPolicy 를 입력해줍니다. 'Restricted'라고 나와있는데요, 현재 권한이 제한되어 있기 때문에 위와 같은 오류가 발생합니다. 2. 권한을 바꿔주기 위해 Set-ExecutionPolicy RemoteSigned로 변경해줍니다. 실행 규칙 변경에 대해 Y를 눌러줍니다. 3. get-..
2022.01.13