본문 바로가기
반응형

전체 글281

[js] 변수명 표기법 (var, let, cosnt) javascript에서 변수명 표기법 변수명이 해당 변수를 쉽게 설명할 수 있게 하려면 보통 여러 단어로 이뤄질 가능성이 높다. 이때 사용하는 두가지 방법으로 카멜케이스(camelCase) 와 스네이크 케이스(snake_case) 가 있다. 변수명은 몇가지 제약사항을 제외하고 자유롭게 작명할 수 있다. 하지만 일정한 규칙없이 변수명을 만들어가다보면 수 많은 변수를 사용하는 코드 내에서 혼란스럽고, 유지보수에 어려움을 겪을 수 있다. 이러한 점을 극복하기 위해 대표적으로 카멜 케이스와 스네이크 케이스를 사용한다. 카멜 케이스 (camelCase) var camelCase; let userLevel = 1; const userTeamPower = 1; * 단어와 단어 사이를 대문자로 구분하여 사용한다. (단.. 2023. 2. 4.
[js] const, let javascript의 변수 선언 ( const vs let ) javascript에서 변수를 선언하는 방법은 3가지 var, let, const가 있다. 하지만 변수 선언 방식 중 하나인 var는 사용을 지양하기 때문에 아래 코드 블록에는 let으로만 사용하지만 var도 동일하게 사용 가능하다. * 이유는 아래 링크에서 확인이 가능하다. 2023.02.04 - [언어/Javascript] - [js] var vs let [js] var, let javascript의 변수 선언 ( var vs let ) javascript에서 변수를 선언하는 방법은 3가지 var, let, const가 있다. var로 선언한 변수는 let으로 선언한 변수와 유사, 대부분의 경우에 let을 var로, var를 let으로 바.. 2023. 2. 4.
[기타] 무료 온라인 코딩 사이트 HTML, CSS, js, Python, R, C++, Julia, GNU Octave, R, Ruby, Scheme 등 설치 및 설정없이 코딩 가능한 웹에서 코딩가능한 사이트들 (간단한 코딩_플로젝트용으로 지향) * 코딩하기 위해 설치 및 설정하기 불편한 개인 pc가 아닌 pc방같은 공용 pc환경 이거나 개발환경을 갖추지 못하거나 하고 싶지 않을 때, 추천하는 사이트들 모음 아래 두 사이트는 소셜 로그인 후 본인에게 맞는 언어 선택 가능 https://replit.com/~ Log In Run code live in your browser. Write and run code in 50+ languages online with Replit, a powerful IDE, compiler, & interpr.. 2023. 2. 4.
[js] 즉시 실행 함수 표현 식(IIFE) IIFE(immediately-invoked function expressions) javascript에서는 과거에 var만 사용할 수 있었다. 그런데 var의 스코프는 블록 레벨 수준이 아니기 때문에 생긴 '즉시 실행 함수 표현 식(immediately-invoked function expressions)'이 있다. 즉시 실행 함수 표현 식은 IIFE라고 부른다. 즉시 실행 함수 표현 식을 요즘에는 자주 쓰지 않는다. 하지만 레거시 코드에서 만날 수 있기 때문에 즉시 실행 함수 표현 식이 무엇인지 알아 둘 필요가 있다. IIFE는 다음과 같이 생겼다. (function() { let sayHello = "Hello"; alert(sayHello); // 출력값: Hello })(); 함수 표현 식이 만.. 2023. 2. 4.
[js] var, let javascript의 변수 선언 ( var vs let ) javascript에서 변수를 선언하는 방법은 3가지 var, let, const가 있다. var로 선언한 변수는 let으로 선언한 변수와 유사, 대부분의 경우에 let을 var로, var를 let으로 바꿔도 큰 문제 없이 동작한다. 하지만 var는 초기 자바스크립트 구현 방식 때문에 let과 const로 선언한 변수와는 다른 방식으로 동작한다. 그로 인해 생기는 문제점들은 아래와 같다. 1. var는 블록 스코프가 없다. var로 선언한 변수의 스코프는 함수 스코프이거나 전역 스코프이다. 블록 기준으로 스코프가 생기지 않기 때문에 블록 밖에서 접근 가능하다. if (true) { var fact = true; } console.log(fact).. 2023. 2. 4.
[js] hoisting(호이스팅) javascript_호이스팅(hoisting) 이란? = 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것이다. (var, 함수의 경우가 있다) 변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는 것이다. 변수를 정의하는 코드보다 사용하는 코드가 먼저 선언될 수 있다. * 선언과 초기화를 함께 수행하는 경우, 선언 코드까지 실행해야 변수가 초기화된 상태 function sayHello(name) { console.log("안녕하세요 제 이름은 " + name + "입니다"); } sayHello("홍길동"); 위의 코드가 일반적으로 코드를 작성하는 순서이다. 출력값 안녕하세요 제 이름은 홍길동입니다. 아래의 코드는 js에서 함수 호출이 함수 자체보다 앞서 존재하는 방식이다. say.. 2023. 2. 4.
[Linux] ufw (Uncomplicated Firewall) 명령어 ufw (방화벽) 관련 명령어 * Ubuntu 는 앞에 sudo 입력 설치 $ apt-get -y install ufw 활성화 $ sudo ufw enable 비활성화 $ sudo ufw disable 전부막음 $ sudo ufw default deny 전부허용 $ sudo ufw default allow http, ssh, ftp, mysqp로 허용 $ sudo ufw allow http $ sudo ufw allow ssh $ sudo ufw allow http $ sudo ufw allow ftp $ sudo ufw allow mysql http, ssh, ftp, mysqp로 막음 $ sudo ufw deny http $ sudo ufw deny ssh $ sudo ufw deny http $ s.. 2023. 2. 4.
[Github] 원격 저장소 ssh 연결 및 설정(git remote, git config) 깃허브 ssh 관련 연결, 해제, 연결 후 설정( git remote, git config) 명령어1. Repository 원격 연결 확인$ git remote -v2. Repository 연결 $ git remote add origin '[클론 주소]'  * 깃허브 우측 상단 Code를 누른 이후 나오는 주소를 복사하고 붙여넣으면 된다.3. Repository 연결 해제$ git remote remove origin4. 특정 이름으로 연결 및 해제$ git remote '( add or remove )' '( origin or 하고싶은 이름)'  이름, 주소 연결 하는 방법(전역 설정)repository와 ssh 연결이 되어있어야 함(위 Repository 연결) 5. config 명령어로 user의.. 2023. 2. 4.
[Github] 깃허브 프로젝트 연결(Clone 명령어) 깃허브와 프로젝트(로컬 or 서버) 연결하는 방법 (로컬 -> Github, Github -> 로컬), [Git] ! [rejected] master -> master (non-fast-forward) 해결 방법Github와 프로젝트 폴더 연결 ( 프로젝트 폴더(로컬) Github )1. Github에 프로젝트 repository를 먼저 추가한다.2. 로컬이나 서버에 생성하고 싶은 위치에$ git clone '[클론 주소]'   * 깃허브 우측 상단 Code를 누른 이후 나오는 주소를 복사하고 붙여넣으면 된다.  Github와 프로젝트 폴더 연결 ( 프로젝트 폴더(로컬) -> Github )기존에 있는 프로젝트를 연결하는 방법  (프로젝트 폴더 -> Github )1. git 초기화$ git init .. 2023. 2. 4.
[Next.js] Slug Next.js에서 동적 라우팅, 슬러그(Slug)의 사용 1. 슬러그 사용법 슬러그는 1. 슬러그:[slug], 2. 다중 슬러그 [...slug], 3. 옵셔널 슬러그 [[...slug]] 3가지 형태가 있다. 다중 슬러그와 옵셔널 슬러그에서 slug는 배열이므로 []안에 스프레드 연산자(...)을 이용하여 생성한다. 슬러그를 이해하기 위해 아래 예제를 보자 1. pages/post/create.js 2. pages/post/[pid].js 3. pages/post/[...slug].js /가 pages라고 되어있을 때, 1의 pages/post/create.js는 /post/create 경로와 일치한다. 2의 pages/post/[pid].js는 /post/1, /post/abc, 기타등등과 경로가 .. 2023. 2. 3.
반응형

티스토리툴바