Front66

• 

  [Nginx] 차세대 경량 웹 서버 엔진엑스(Nginx)란? NGINX 엔진엑스(NGINX)는 차세대 웹서버로 불리며, 동시접속 처리에 특화된 웹 서버 프로그램이다. Apache 보다 동작이 단순하고, 전달자 역할만 하기 때문에 동시접속 처리에 특화되어 있다. 동시접속자가 약 700명 이상이라면 서버를 증설하거나 NGINX 환경을 권장한다고 한다. 현재는 Apache 시장 점유율이 가장 높지만, 아마존 웹서비스(AWS) 의 시장 점유율은 44%에 달할정도로 가볍고 성능이 좋은 엔진이라고 한다. NGINX 는 HTTP 웹 서버로 활용되기도 하고, 리버스 프록시 서버 (Reverse proxy server)로 활용하여 WAS 서버의 부하를 줄일 수 있는 로드 밸런서로 활용되기도 한다. NGINX (웹 서버)의 역할 웹 서버의 역할을 복습?하자면, 1. 정적 파일 처리.. Front/WebServer 2022. 12. 15.

• 

  [JavaScript] 문자열 특정 문자/정규 포현식 위치 찾기 (indexOf, search) String.prototype.indexOf 주어진 값과 일치하는 첫 번째 인덱스를 반환한다. 일치하는 값이 없다면 -1을 반환한다. str.indexOf(searchValue [, fromIndex]) searchValue 찾으려는 문자열. 아무 값도 주어지지 않으면 문자열 "undefined" 를 찾으려는 문자열로 사용한다. fromIndex (optional) 문자열에서 찾기 시작하는 위치를 나타내는 인덱스 값으로 기본 값은 0이고 음의 정수인 경우 전체 문자열을 대상으로 찾는다. 'Blue Whale'.indexOf('Blue'); // returns 0 'Blue Whale'.indexOf('Blute'); // returns -1 'Blue Whale'.indexOf('Whale', 0); /.. Front/JavaScript 2022. 4. 7.

• 

  [JavaScript] 자바스크립트 날짜 문자열 포맷 반환 함수 만들기 (기본값 매개변수 설정하기) 기본값 매개변수 기본값 함수 매개변수 (default function parameter) 를 사용하면 값이 없거나 undefined 가 전달될 경우 이름붙은 매개변수를 기본 값으로 초기화할 수 있다. function multiply(a, b = 1) { console.log(a * b); } multiply(5, 2);// console : 10 multiply(5);// console : 5 자바스크립트 함수의 매개변수는 undefined 가 기본이지만, 일부 상황에서 다른 기본값 매개변수가 필요할 때 설정한다. 위의 예제에서 만약 매개변수 b를 기본 값 설정하지 않았다면 multiply(5) 는 b가 undefined가 되어 NaN 이 표출됐을 것이다. 날짜 Date / String → 문자열 포맷 .. Front/JavaScript 2022. 4. 6.

• 

  [Javascript] 자바스크립트의 "특별한 함수" Class의 정의 Class 정의 ES6에 새로 추가된 문법 class 자바스크립트 Class는 Java와 같은 객체 지향언어와 같은 동작을 하는 것이 아닌 객체 지향의 일부개념을 활용하기 위한 "특별한 함수"이다. 함수를 함수 표현식과 함수선언으로 정의할 수 있듯이 class 문법도 class 표현식과 class 선언으로 정의할 수 있다. Class 선언식 class Rectangle { constructor(height, width) { this.height = height; this.width = width; } } Class 표현식 class 표현식은 이름을 가질 수도 있고, 갖지 않을 수도 있다. 이름을 가진 class 표현식의 이름 클래스는 body의 local scope에 한해 유효하다. (하지만, 클래스의 .. Front/JavaScript 2022. 3. 18.

• 

  [Javascript] 자바스크립트 strict mode(엄격 모드)에 대해 strict mode (엄격모드) 자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시키는 것이다. 'use strict'는 자바스크립트의 의도지 않은 여러 잠재적인 오류를 막아주는데 많은 도움을 주지만, 잘못 사용하면 없던 오류를 새로 만들어내는 애물단지가 될 수 있다. 반대로 공식적인 용어는 아니지만, 가끔 엄격하지 않은 기본값을 sloppy mode (느슨한 모드) 라고 부르기도 한다. sloppy mode 의 예제 실행결과는 무엇일까? function foo() { x = 10; } foo(); console.log(x);// 실행결과는 ? foo 함수 내 선언하지 않은 x 변수에 10을 할당했다. 이때 x 변수를 찾아 x 에 .. Front/JavaScript 2022. 3. 17.

• 

  [JavaScript] Custom URL schemes 방식의 VNC 응용프로그램 (서버IP 인자 값 넘기며) 호출 [JavaScript] Custom URL schemes 방식의 VNC 응용프로그램 (서버IP 인자 값 넘기며) 호출 방안 Custom URL Schemes 방식의 호출에 대한 자세한 설명은 아래 게시글을 참고하자. [JavaScript] 웹(Chrome)에서 응용 프로그램 실행 시키기 : Registry 이용한 Custom URL schemes 방식 호출 [JavaScript] 웹(Chrome)에서 응용 프로그램 실행 시키기 : Registry 이용한 Custom URL schemes 방식 호출 만약 프로젝트를 각 PC 배포하여 사용한다면 사용자의 레지스트리를 수정할 필요없이 Java로 간단 haenny.tistory.com RealVNC 2002-2008 버전 Custom URL schemes 호출 .. Front/JavaScript 2022. 1. 13.

• 

  [JavaScript] 웹(Chrome)에서 응용 프로그램 실행 시키기 : Registry 이용한 Custom URL schemes 방식 호출 [JavaScript] 웹(Chrome)에서 응용 프로그램 실행 시키기 : Registry 이용한 Custom URL schemes 방식 호출 만약 프로젝트를 각 PC 배포하여 사용한다면 사용자의 레지스트리를 수정할 필요없이 Java로 간단히 해결되니, 그런 경우는 아래 게시글을 참고하자. [Java] 윈도우 cmd 명령어 실행 : Java로 실행파일 실행시키기 응용 [Java] 윈도우 cmd 명령어 실행 : Java로 실행파일 실행시키기 응용 1. Java에서 cmd 명령어 실행 Java의 Runtime 클래스를 이용하여 cmd 명령어를 실행할 수 있다. Runtime.getRuntime().exec("cmd /c ".. haenny.tistory.com 웹에서 응용프로그램(.exe)를 실행시키는 방법.. Front/JavaScript 2022. 1. 12.

• 

  [VueJS] Eclipse SpringBoot + VueJS 시작하기 - ① 설치 및 세팅 방법 [VueJS] Eclipse SpringBoot + VueJS 시작하기 - ① 설치 및 세팅 방법 1. SpringBoot 프로젝트 생성하기 New - Project - Other - Gradle Project 를 통해 프로젝트를 생성해도 되지만, 주로 유용하게 사용하는 방법을 소개해드리려고한다. Spring Initializr 사이트에 접속한다. 프로젝트 버전 및 정보를 각자에 맞게 입력하고, Generate - Ctrl + Enter 버튼을 클릭해준다. Project : Gradle Project Launuage : Java SpringBoot : 2.6.2 Project Metadata - Group : com.tistory.haenny - Artifact : VUE_PRJ - Description.. Front/Vue.js 2022. 1. 10.

• 

  [VueJS] VSCode 에서 VueJS 시작하기 - ③ 데이터 바인딩 기초문법 [VueJS] VSCode 에서 VueJS 시작하기 - ③ 데이터 바인딩 기초문법 VueJS 설치 및 세팅 [VueJS] VSCode 에서 VueJS 시작하기 - ① 설치 및 세팅 방법 [VueJS] VSCode 에서 VueJS 시작하기 - ① 설치 및 세팅 방법 VueJS 세팅하기 전에 VSCode와 nodeJs가 없다면 아래링크를 참고하여 다운로드 받고옵니다. Visual Studio Code 다운로드 [VSCODE] Visual Studio C.. haenny.tistory.com VueJS 프로젝트 생성하기 [VueJS] VSCode 에서 VueJS 시작하기 - ② Vue 프로젝트 생성하기 [VueJS] VSCode 에서 VueJS 시작하기 - ② Vue 프로젝트 생성하기 VueJS 설치 및 세팅.. Front/Vue.js 2021. 11. 4.

• 

  [VueJS] VSCode 에서 VueJS 시작하기 - ② Vue 프로젝트 생성하기 VueJS 설치 및 세팅에 관련된 게시글을 먼저 참고하자 [VueJS] VueJS 시작하기 - ① 설치 및 세팅 방법 [VueJS] VueJS 시작하기 - ① 설치 및 세팅 방법 VueJS 세팅하기 전에 VSCode와 nodeJs가 없다면 아래링크를 참고하여 다운로드 받고옵니다. Visual Studio Code 다운로드 [VSCODE] Visual Studio Code 다운로드.. haenny.tistory.com 작업용 폴더 생성하기 원하는 위치에 Vue 프로젝트를 생성할 폴더를 만든다. 글쓴이는 D:\02.DEVELOP\03.VUEPROJECT 경로에 Vue 프로젝트를 생성할 것이다. VSC 에디터에 생성한 작업폴더 열기 File - Open Folder 를 클릭 후 생성한 작업폴더를 선택하여 Op.. Front/Vue.js 2021. 11. 4.

• 

  [VueJS] VSCode 에서 VueJS 시작하기 - ① 설치 및 세팅 방법 [VueJS] VSCode 에서 VueJS 시작하기 - ① 설치 및 세팅 방법 VueJS 세팅하기 전에 VSCode와 nodeJs가 없다면 아래링크를 참고하여 다운로드 받고옵니다. Visual Studio Code 다운로드 [VSCODE] Visual Studio Code 다운로드 및 설치 후 확장자 세팅방법 [VSCODE] Visual Studio Code 다운로드 및 설치 후 확장자 세팅방법 1. Visual Studio Code 다운로드 웹 퍼블리싱을 하기위해 Visual Studio Code를 다운로드하기 위해 먼저 다음 페이지로 이동하자. Dow.. haenny.tistory.com node js 다운로드 [NodeJS] Node.js 다운로드 및 설치 방법, 버전 확인 방법 [NodeJS] N.. Front/Vue.js 2021. 11. 4.

• 

  [JavaScript] 웹브라우저 동작원리 (Stack, Queue, Event Loop) [JavaScript] 웹브라우저 동작원리 (Stack, Queue, Event Loop) 웹 브라우저 동작원리를 알면 자바스크립트 코드를 더 매끄럽게 구현할 수 있다. 웹 브라우저 동작원리? 우리가 작성하는 자바스크립트는 브라우저가 실행을 시켜주는 것이다. 쉽게 말해 HTML, CSS, JavaScript를 해석해주는 엔진이 브라우저인 것이다. 예제를 통해 살펴보자. 다음과 같은 코드를 실행하려고 할 때 자바스크립트는 첫 번째와 세 번째 코드를 실행한 후 1초 쉬고, 두 번째 코드를 실행한다. 간혹 자바스크립트는 병렬처리다 라고 말하는 경우가 있는데, 멍청이라고 해주자. 예제 결과 왜 그런것인지 브라우저 동작원리를 통해 살펴보자 웹 브라우저는 자바스크립트를 실행시켜주는 엔진이다. 즉, 브라우저가 코드를.. Front/JavaScript 2021. 11. 1.