본문 바로가기
반응형

분류 전체보기299

[기타] 무료 온라인 코딩 사이트 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.
[기타] 개발에 필요한 개발 외적인 사이트들 링크 모음 개발에 필요한 알면 좋은 사이트들 링크 모음 무료 이미지 사이트 https://www.splitshire.com/ Free Stock Photos - SplitShire The best free stock images & videos that are absolutely without any copyright restrictions (CC0) - free and legal - no attribution needed. www.splitshire.com http://imcreator.com/free Free Website Builder | Free Website Maker | White label - IM Creator Design, build and publish for free, plus get unlim.. 2023. 2. 3.
[Next.js] Routing_라우팅 Next.js에서는 File system을 기반으로 라우팅이 된다. File system은 pages 폴더 아래에 있어야 한다. 우선순위: src/pages { return router.push("URL"); }; re.. 2023. 2. 3.
반응형

티스토리툴바