에르노트

같이 보면 좋은 글: FTP 클라이언트 파일질라 [파일질라] FTP 접속 프로그램 FileZilla 앞서 포스팅했던 마인크래프트BE 서버를 여는 과정에서 FTP 클라이언트가 자주 쓰이게 됩니다. 뿐만 아니라 웹호스팅을 통해 일반적인 웹사이트를 운영할 때도 FTP클라이언트를 사용하면 편리할 makasti.tistory.com 일반적으로 FTP서버에 접속할 일이 있다면 FIleZilla 혹은 알드라이브 등의 클라이언트 프로그램을 사용할 것이다. 그러나 보안상의 이유로 프로그램 설치나 특정 포트들을 사용할 수 없는 환경(사지방 혹은 도서관의 공용PC 등)이라면 파일질라와 같은 툴들은 무용지물이 된다. 이때 빛을 발할 수 있는 웹사이트가 바로 DreamHost File Manager이다. 드림호스트 파일매니저는..

브라우저 환경에서는 쓸만한 최소한의 인터페이스로 경고창, 입력창, 확인창이 기본 제공된다. 각각의 대화 상자는 상응하는 자바스크립트 내장 함수를 호출함으로써 만들어낼 수 있다. 경고창(alert) alert("경고!") alert() 함수를 이용하면 모달창을 띄울 수 있다. 여기서 모달창(modal window)란 사용자 입력을 독점하는 창을 의미한다. 즉 경고창이 띄워지면 경고창이 없어질 때까지 주변의 다른 버튼들은 비활성화 된다는 것이다. 입력창과 확인창도 마찬가지로 모달창이다. 입력창(prompt) let age = prompt("나이를 입력하세요", 22) alert(`당신의 나이는 ${age}입니다.`) prompt(메세지, 기본값) 형태로 사용할 수 있다. prompt() 함수는 사용자가 입력..

연결 리스트 연결리스트(Linked List)는 각 노드의 연결을 통해 리스트를 구현한 것이다. 자바스크립트 배열은 가변적이지만 C나 C++ 등의 전통적 언어에서 배열은 고정된 크기를 갖는 것이 일반적이다. 따라서 배열 대신 연결 리스트를 이용하면 실행 시간에 동적으로 메모리를 할당하고 해제할 수 있다는 장점이 있다. 생성 class LinkedListNode{ constructor(value){ this.data = value this.next = null } } class LinkedList{ constructor(){ this.head = null this.size = 0 } isEmpty(){ return this.size == 0 } } 리스트와 리스트에 담길 노드에 해당하는 클래스를 하나씩 만..

스택(Stack) 스택은 마지막에 삽입된 항목만 제거할 수 있는 자료구조이다. 그래서 후입선출, Last In First Out(LIFO) 방식의 자료구조라고 일컬어진다. 그리고 자바스크립트 배열은 이러한 스택의 특성을 그대로 살린 push()와 pop() 메소드를 제공한다. 따라서 자바스크립트 배열을 이용하면 손쉽게 스택을 구현할 수 있다. 생성 class Stack{ constructor(arr){ this.arr = [] if(arr) this.arr = arr } } 우선 Stack 클래스 내부에 멤버 변수로 배열을 하나 넣어준다. 삽입 push(val){ this.arr.push(val) } 그리고 배열의 push() 메소드를 이용하여 스택의 push()를 구현한다. 삭제 pop(){ retur..

vue cli에서 yarn serve로 프로젝트를 실행했을 때 위와 같은 에러를 겪었다. 일단 컴파일은 되서 결과 화면은 보이지만 핫 리로딩이 동작하지 않았으며 아예 새로고침으로도 수정 사항을 즉각적으로 반영할 수 없었다. 이는 미세한 부분 하나하나를 수정할 때마다 매번 새롭게 컴파일해야만 결과를 볼 수 있는 치명적인 문제를 야기한다. 그런데 해결법은 매우 매우 간단하다. 프로젝트의 package.json 파일에서 serve 명령에 대해 명시적으로 host 플래그를 붙여주면 된다. 그런고로 로컬 환경에서 빌드한다면 간단히 --host localhost 를 붙여주면 끝이다! 클라우드 환경에서 개발한다면 localhost 자리에 적절한 호스트 ip를 넣어주면 될 것이다.