Note
-
ngrok(localhost 폰으로 접속하기)Note 2021. 4. 8. 15:43
프로젝트 개발 중, 모바일 테스트를 위해 크롬 모바일 웹 디버깅을 사용하고 있었다. 매번 폰과 usb를 연결하고 개발자 모드 들어가는 게 불편하고 시간이 아까워 간단하게 확인할 수 있는 방법이 있나 알아보다가 ngrok을 알게 되었다. ngrok 외부에서 로컬에 접속할 수 있게 도와주는 터널링 프로그램 (바로가기) 설치 npm install -g ngrok 실행 ngrok http 3000 실행화면 localhost가 외부 서버로 열렸다. 모바일로 Forwarding에 나와있는 주소로 접속해보면 가지고 있는 폰으로 접속이 잘되는 것을 볼 수 있다. Session Expire 세션이 1시간 56분 남아있는 것을 볼 수 있다. 세션이 만료되면 다시 ngrok을 실행해야 하는데 주소가 변경되는 문제가 발생한다..
-
Transaction(트랜잭션)Note 2021. 4. 7. 16:05
트랜잭션(Transaction) 데이터베이스의 상태를 변환시키는 하나의 논리적 기능을 수행하기 위한 작업의 단위 또는 한꺼번에 모두 수행되어야 할 일련의 연산들을 의미 하나의 처리를 여러 단계로 다루는 기능을 트랜잭션(Transaction). 하나의 처리를 Commit이라는 명령어를 수행하기 전 마지막으로 한번 더 확인할 수 있는 기회를 줌으로써 좀 더 안정적인 데이터베이스 작업을 가능하게 한다. 트랜잭션의 실행결과를 데이터베이스에 반영하는 것을(Commit)이라고 하고 반영하기 전으로 되돌리는 것을 롤백(RollBack)이라고 한다. BEGIN TRAN--트랜잭션 시작 ROLLBACK TRAN --트랜잭션 이전상태로 ROLL BACK COMMIT TRAN --트랜잭션 완료 특징 트랜잭션은 데이터베이스 ..
-
익명 함수, 선언적 함수Note 2021. 4. 5. 18:00
익명 함수 말 그대로 이름이 없는 함수 function () { alert('hello') } 익명 함수를 선언하고 사용하기 위해서는 변수에 넣어서 사용하여야 한다. let func = function () { alert('hello') } // 실행 func(); 선언적 함수 선언적 함수는 함수를 선언할 때 이름을 붙여주는 함수를 말한다. 따로 변수에 넣어주지 않고 선언할 때 붙여준 이름으로 호출하면 된다. function say() { alert('hello') } // 실행 say(); 익명 함수와 선언적 함수의 차이 둘 다 함수를 생성하는 방법이지만 차이가 있다. 그 차이는 웹브라우저가 script 태그 내부의 내용을 위에서부터 한 줄씩 읽기 전에 선언적 함수부터 먼저 읽는다는 것이다. 아래 코드..
-
WebpackNote 2021. 4. 1. 18:04
Webpack 웹팩은 오픈 소스 자바스크립트 모듈 번들러로써 여러 개로 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화하는 라이브러리 모듈 번들러 여러 파일의 자바스크립트 코드를 압축하여 최적화할 수 있기 때문에 로딩에 대한 네트워크 비용을 줄일 수 있음 모듈 단위로 개발이 가능하여, 가독성과 유지보수가 쉬움 최신 자바스크립트 문법을 지원하지 않는 브라우저에서 사용할 수 있는 코드로 쉽게 변환시켜줌 물론 수많은 자바스크립트 파일이 하나의 파일로 묶인다면 초기 로딩 속도가 커질 수 있지만 웹팩에서는 청크, 캐시, 코드 스플릿 개념들을 도입하면서 이 문제를 해결하고 있다. 웹팩은 Entry, Output, Loader, Plugins, Mode로 구성되어 있다. Entry 웹팩에서 웹 자원..
-
정규 표현식Note 2021. 4. 1. 12:31
정규 표현식을 줄여서 '정규식'이라고 하기도 한다. 정규식을 만드는 방법에는 두 가지 1. 정규식 리터럴(슬래쉬"/"로 감싸는 패턴)을 사용하는 방법 var re = /ab+c/; 2. RegExp 객체의 생성자 함수를 호출하는 방법 var re = new RegExp("ab+c"); 생성자 함수를 사용하면 정규식이 실행 시점에 컴파일됩니다. 정규식의 패턴이 변경될 수 있는 경우, 혹은 사용자 입력과 같이 다른 출처로부터 패턴을 가져와야 하는 경우에는 생성자 함수를 사용하는 것이 좋다. Character 검색에서 하나 이상의 b들을 찾거나, 혹은 공백을 찾는 것과 같이 '있는 그대로의 대응' 이상의 대응을 필요로 할 경우, 패턴에 특수한 문자를 포함시킨다. 예를 들어, /ab*c/ 패턴은 'a' 문자 뒤..