코딩애벌레

함수 만들기같은 작업을 반복 수행해야 할 때마다 함수를 사용할 수 있다. 함수를 만들 때 사용할 수 있는 여러 가지 문법을 살펴보고, 각 방식으로 만든 함수의 내부를 살펴보자.1. 함수 선언함수 선언 또는 함수 정의는 function 키워드로 시작하고, 그 뒤에 함수 이름이 온다. 함수에 속한 Javascript 문장은 중괄호 ({ }) 사이에 들어간다.function logCompliment() { console.log("잘했어요!");}// 코드 실행logCompliment();2. 함수 표현식함수를 만드는 다른 방법으로는 함수 표현식[function expression]이 있다. 함수 표현식은 (이름 없는) 함수를 만들며, 변수에 값을 대입할 수 있다.const logCompliment = fun..

변수 선언하기ES2015 이후 더 나은 기능을 제공하는 변수 선언 방법이 추가되었다.1.1 const 키워드상수[contant]는 변경할 수 없는 변수이다. 일단 선언하고 나면 상수로 선언된 변수의 값을 변경할 수는 없다. 실제로 React를 사용하다보면 선언된 변수의 값을 변경하면 안되는 경우가 많다.// ES2015 이전var pizza = true;pizza = false;console.log(pizza); // fasle => 변수에 재할당 가능// ES6 이후const icecream = true;icecream = false; // TypeError: Assignment to constant variable. => 상수 변경 시도1.2 let 키워드Javascript도 이제는 구문적인 변수 영..

프로젝트에 PDF를 볼 수 있도록 뷰어 라이브러리인 PDF.js를 추가했는데, 개발계에선 문제 없던 것이 검증계로 넘어가게 되면서 오류가 발생하더라. 일단 결론부터 말하면 nginx의 서버 설정 중 mine.types에서 mjs를 javascript로 읽도록 하였다.// /nginx/mine.types에 아래와 같이 적용application/javascript js mjs; 일단 오류를 파악해보자면, pdf.js에서 worker 파일을 불러오지 못했다라는 전형적인 오류다. 이런 오류가 발생하는 큰 원인으로는 workerSrc 경로가 잘못됨dev에서는 되는데 prod에서 base path 또는 assets 경로가 달라짐worker 파일이 배포 산출물에 포함되지 않음.mjs를 서버가 JS module로 ..

일하는 동료가 재밌는걸 들고왔다. 안그래도 구글에서 AI 관련해서 교육도 많이 시도하려는 모습도 보였고, 아마존은 뭔가 무서우니 Google이라도 해봐야한다는 생각에 신청하게 되었다. 🎁 2026 구글 스터디 잼 참가자만을 위한 특별한 혜택Google Skills 내 유료 교육 콘텐츠를 무료로 이용할 수 있는 크레딧 제공업데이트 된 Google Skills 플랫폼 내 작년 대비 3배 많아진 다양한 학습 컨텐츠수료 기간 내 수료 조건을 만족하신 모든 분들께 구글 스터디 잼 기념품 제공Google Cloud Platform에서 활용 가능한 Google Cloud Credit 제공온라인 학습을 마친 후, 직접 서비스를 빌드해보는 오프라인 해커톤 참여 기회"학습에 열정이 있는 분이라면 누구나 무료로 참여할 ..

Installing past releases of the AWS CLI version 2 - AWS Command Line InterfaceInstall and Set Up kubectl on Windowshttps://github.com/helm/helm/releases// choco 설치법(관리자 Powershell)Set-ExecutionPolicy Bypass -Scope Process -Force; `[System.Net.ServicePointManager]::SecurityProtocol = `[System.Net.ServicePointManager]::SecurityProtocol -bor 3072; `iex ((New-Object System.Net.WebClient).DownloadStr..

Web에서 흔히 들어볼 수 있는 역할인데,→ 웹 응용 프로그램, 브라우저, 네트워크 사이의 프록시 역할을 한다. 의도는 여러가지 있지만, 그 중 오프라인 경험, 네트워크 요청 인터셉트, 서버 업데이트가 가능하다. 조사하게된 계기인 푸시 알림, 백그라운드 동기화 API로의 접근도 제공한다고 한다.등록Service Worker는 ServiceWorkerContainer.register() 메서드를 사용해 처음 등록한다. 성공적으로 등록이 되면 클라이언트가 서비스 워커를 다운로드하고, 설치와 활성화를 시도한다.다운로드, 설치, 활성화아래와 같은 생명 주기를 볼 수 있다.다운로드설치활성화업데이트는범위 내 페이지로의 탐색 발생서비스 워커에서 이벤트가 발생했는데, 서비스 워커를 이전 24시간 내에 다운로드 하지 않..