본문 바로가기
반응형

분류 전체보기71

[JavaScript 33가지 개념] 08. IIFE, Modules, Namespaces IIFE, Modules, Namespaces는 자바스크립트에서 코드 구조화를 위해 사용되는 중요한 개념이다. 각각의 개념은 서로 다른 방식으로 코드의 구조화와 유지보수를 용이하게 하는데 도움을 준다. 1. IIFE IIFE (Immediately Invoked Function Expression) IIFE는 즉시 실행되는 함수 표현식으로, 함수를 정의하고 즉시 호출하는 것을 의미한다. 이를 통해 전역 스코프를 오염시키지 않고 모듈화할 수 있으며, 클로저를 이용하여 비공개 변수를 만들어 정보 은닉에도 사용된다. 사용 방법은 아래와 같다. (function() { // 함수 내 코드 })(); 2. Modules Modules는 자바스크립트 코드를 여러 파일로 분리하여 개발하고 유지보수하는 방법이다. 각각.. 2023. 3. 2.
[NCLOUD] 네이버클라우드에서 SourceCommit을 사용해서 git source 관리하기 네이버클라우드에서 SourceCommit을 사용해서 git source를 관리해보자 1. 서비스 소개 네이버클라우드에서는 git source를 관리할 수 있는 SourceCommit을 제공한다. 설명을 보면 다양한 기능과 최적의 퍼포먼스를 제공한다고 나와있다. 하지만 시작하는 우리에게 기본 기능만 잘 동작한다면 가장 중요한건 가격정책! 5명 이하 / 50GB 이하면 무료로 사용할 수 있다. 그리고 NCLOUD의 다른 서비스와 연동해서 효과적인 개발 환경을 구축할 수 있다. 아래의 링크로 들어가면 자세한 설명을 볼 수 있다. https://www.ncloud.com/product/devTools/sourceCommit NAVER CLOUD PLATFORM cloud computing services for.. 2023. 2. 19.
[NCLOUD] 네이버클라우드 MICRO 서버 1년간 무료로 사용하기 네이버클라우드 MICRO 서버 1년간 무료로 사용하기 1. 네이버클라우드 가입 네이버로 간편 로그인을 통해 쉽게 가입할 수 있다. 가입 후 결제 수당 등록까지 해주면 계정 세팅은 완료된다. 해당 세팅을 완료하면 3개월간 무료로 사용할 수 있는 100,000 크레딧을 준다!! (23.02.19 기준) 2. micro server 서버 만들기 Platform 옆에 토글 버튼을 Classic으로 바꿔주고 서버 생성을 누르면 아래와 같은 화면이 나온다. 순차적으로 세팅을 해준다. micro로 선택하면 다음 화면에서 1년 후 과금이 된다는 안내문구가 뜬다. 인증키를 하나 만들어주고, 나머지는 기본 세팅을 유지해주면 아래처럼 server가 생성된다! 완료되기를 기다렸다가 '운영중' 표시가 나오면 터미널을 통해 접속.. 2023. 2. 19.
[JavaScript 33가지 개념] 07. 함수 표현식(expression) vs 함수 선언문(declaration) 자바스크립트에서 함수를 만드는 방법은 대표적으로 두가지가 있다. 1. 함수 표현식(expression) 함수 표현식을 사용하는 방법은 다음과 같다. const [이름] = function (param1, param2, ...param3) { // 함수 본문 및 로직 } 2. 함수 선언문(declaration) 함수 선언문을 사용하는 방법은 다음과 같다. function [이름] (param1, param2, ...param3) { // 함수 본문 및 로직 } 3. 함수 표현식 vs 함수 선언문 함수 선언문은 호이스팅되지만 함수 표현식은 호이스팅되지 않습니다. 즉, 정의되기 전에 함수 선언을 호출할 수 있지만 함수 식으로는 이 작업을 수행할 수 없다. 함수 표현식을 사용하면 함수를 정의한 직후 함수를 사용.. 2022. 12. 8.
[JavaScript 33가지 개념] 06. 함수 범위, 블록 범위, 렉시컬(lexical) 범위 변수를 선언하는 위치에 따라 사용할 수 있는 범위가 다르게 정의된다. 기본적으로 javascript 변수는 함수 범위로 동작한다. 1. 함수 범위 function nameFunc() { var name1 = 'tom'; console.log('1-1', name1); } nameFunc(); console.log('1-2', name1); if (true) { var name2 = 'bob'; console.log('2-1', name2); } console.log('2-2', name2); 위 처럼 변수를 선언하고 호출하면 아래와 같은 결과가 나온다. 1-1 tom 1-2 undefined error 2-1 bob 2-2 bob 1-2에서 에러가 발생하는 걸 확인할 수 있다. 즉, 변수 선언 후 사용은.. 2022. 6. 6.
[Flutter] MAC에서 VSCode로 Flutter 시작하기 Flutter는 구글에서 만든 하이브리드앱 개발용 프레임워크이다. VSCode를 사용해서 Flutter로 하이브리드 앱을 만들어 보자. 1. Flutter SDK 아래의 링크를 통해 Flutter SDK를 다운 받고, 환경변수에 등록한다. - https://flutter-ko.dev/docs/get-started/install/macos 맥OS에서 설치 flutter-ko.dev 2. VSCode 설치 아래의 링크를 통해 VSCode를 다운받고 설치한다. - https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for.. 2021. 7. 12.
반응형