전체 글

[개념] 비동기 처리를 위한 문법 (ES6)

비동기 처리를 위한 문법의 "역사" 이런 말이 맞을 지 모르겠지만 거창하게 역사 라는 말을 붙여보았다..ㅋㅋ비동기 처리를 위해 ES6에서 여러 문법이 추가되는 과정을 공부하고 나니 괜히 하나의 "역사"를 본 것 같아서ㅎㅎ Promises ES6의 새로운 문법 javascript에서 비동기를 처리할 때 주로 사용되는 문법 콜백 지옥(callback hell, 프로미스가 나오기 전에는 콜백을 사용해서 비동기를 처리하였는데, 콜백이 점점 쌓이면서 깊이가 점점 깊어지는 문제)을 해결하였다!! 용어 정리 비동기 처리 동기와 비동기에 대해 먼저 알아야 한다. 동기 (synchronus : 동시에 일어나는) 동시에 일어난다. 요청과 동시에 응답이 주어져야한다. 즉, 요청을 보냈을 때 응답을 받아야지만 다음 동작이 이..

[개념] JS와 ES6 문법

Node.js란? 구글에서 만든 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 (V8은 구글이 만들었지만 node는 'Ryan Lienhart' 님이 만들었다는 사실) javascript는 기존에 브라우저 내에서만 실행할 수 있는 언어였지만, 브라우저가 없이 로컬에서 혹은 서버에서 실행할 수 있도록 만든 것이다. 서버 환경으로 유명한 Node.js에서는 express 모듈을 사용해서 웹 서버를 구축할 수 있다. 쉽게 말해서, Node.js란 자바스크립트를 브라우저가 아닌 컴퓨터에서 로컬 혹은 서버에서 실행하도록 도와주는 환경이라 생각하면 된다. npm이란? 나중에 실습할 때 나올 아이로, 웹 개발을 진행하는데 필요한 여러 라이브러리를 설치해야할 때 'npm' 을 사용하게..

BackEnd Developer를 향한 여정

모르는게 사라지는 그날까지 두번째 글은 BackEnd에 대해 작성해보고자 한다. BackEnd Developer로서 갖춰야할 것 BackEnd Developer로서 취업을 하기위해서는 세가지를 준비해야한다. 1. 서류전형 (포트폴리오) 2. 코딩테스트 3. 기술면접 서류전형(포트폴리오) 서류 전형은 이력서 같은 것으로 포트폴리오나 어학점수, 자격증, 자기소개서 등이 중심이 된다. 포트폴리오를 중심으로 이야기해보겠다. 백엔드 개발자는 프론트엔드보다 더 복잡한데, 어느정도의 로드맵처럼 공부 순서를 정리해볼 수 있다. (내가 준비를 시작하기 전에 해당 로드맵을 숙지하고 시작했다면 더 좋았으리라는 생각이다) HTML과 CSS -> javaScript -> js 라이브러리 -> Backend(Node.js, ex..

Spring과 node.js를 접하다.

모르는게 사라지는 그날까지 카테고리의 첫 글이다! BackEnd Developer 병아리 단계인 만큼 차근차근 몰랐던 지식 (아무거나 다!)을 적어나가려고 한다. Spring은 java, jsp의 프레임워크이다. 프레임 워크란 쉽게 말해, 자주 쓰이는 기술들을 쉽게 사용하도록 틀이 갖춰진 구조? 뼈대 라고 생각하면 된다. spring은 java, jsp를 위한 애플리케이션 프레임 워크인데, 동적인 웹 사이트 개발을 위한 여러 가지 서비스를 제공한다! (그리고 오픈소스라는 점) Spring이 java, jsp의 프레임워크라면, Python의 프레임워크는? Django이다! Django를 이용했을때 웹을 참 쉽게만든 기억이 있다.. 아쉬운 점이라면 django를 이용하게 되면 틀이 있는 구조에서 시작하다보니..

[HTML] 자동재생되는 유튜브 영상 넣기(음소거)

이번 글에서는 Web에서 자동 재생되는 유튜브 영상을 보여주는 방법에 대해 작성하겠습니다! 방법은 간단합니다. 1. 특정 Youtube 영상의 '공유'버튼을 클릭하여 퍼가기 버튼을 클릭하여 코드를 복사한다. (특정 부분만 사용!) 2. Youtube 영상을 표시할 html 파일에서 내에 아래 코드를 적는다. 가로, 크기는 자신이 나타내고 싶은 크기로 지정해주고, 위에서 복사한 주소를 영상키값에 넣어주면 됩니다. 여기서 중요한 것은 autoplay=1&mute=1 입니다! autoplay=1만 해줄 경우, 신기하게도 먹히지가 않아요.. 그래서 음소거 기능을 켜주는 mute=1 을 추가해줘야 자동 재생이 됩니다. 예를 들면) 위의 유튜브영상의 주소는 'J08a3_dGtmo' 이었으니, 아래와 같이 적어줄 수..

[AWS] Windows에서 외부 사용자가 EC2 인스턴스 접속하기 (cmd)

이전 글에서는 Windows에서 root 계정이 EC2 인스턴스에 접속하는 방법(putty 이용)을 다루었습니다. 이번에는 외부 사용자가 해당 EC2 서버에 접속하는 방법을 다루겠습니다. 외부 사용자는 Putty 프로그램을 설치하지 않고 cmd로 접속할 수 있습니다. 저의 경우, 제가 구동시켜놓은 서버에 다른 팀원들이 각자 환경에서 들어올 수 있도록 하고자 하여 이 방법을 이용하였습니다. 1. 사용자 계정 생성 간단합니다! 이전 글에서 putty로 루트 계정으로 인스턴스에 접속을 완료하였지요. 그렇게 인스턴스에 접속 완료한 상태에서 바로 사용자 계정을 생성해주면 됩니다. 생성할 계정 이름의 비밀번호를 생성한다는 의미로 'passwd {계정 이름}'을 입력해줍니다. passwd {계정 이름} ex) pas..