OWLOPER

즉시실행함수 (Immediately-invoked function expression

함수를 선언함과 동시에 자기 자신을 호출하는 함수. 즉시실행함수의 용도 전역 변수 충돌 방지 jquery를 사용할 때 $가 이미 값을 가지고 있을 수 있다. jquery를 매개변수로 전달하여, $가 다른 용도를 가지지 않도록 한다. 이처럼 함수 정의부의 특정한 값을 한 번의 변경할 수 있다. 호이스팅 방지 즉시실행함수의 코드들을 캡슐화하여 호이스팅을 …

호이스팅(Hoisting)

변수의 선언은 hoisting 된다. 변수가 선언되면, 해당 변수의 유효범위 최상위로 선언을 변경된다. x의 유효범위가 f함수 이내 이므로 함수 최상위에서 선언되어 오류가 나지않고 undefined 값이 표시된다. 문제점 반복문/조건문 블록 안에서 생각과 다르게 동작된다. 첫번째 nav_li.length가 표시된다. for문이 끝나도, for문 밖에서 변…

웹서버

부스트코스 공부 기록 : https://www.edwith.org/boostcourse-web/lecture/16665/ 웹서버는 소프트웨어, 웹서버 소프트웨어가 동작하는 컴퓨터를 말한다. Apache, Nginx, IIS 등이 있다. 클라이언트가 요청하는 html 문서, 각종 리소스를 전달한다. 여기서 리소스는 정적인 데이터와 동적인 결과가 될 수 있다…

WAS (Web Application Server)

부스트코스 공부 기록 : https://www.edwith.org/boostcourse-web/lecture/16666/ WAS는 일종의 미들웨어이다. 미들웨어는 브라우저와 DBMS 사이에서 동작한다. 예)톰캣 미들웨어가 생긴 배경 DBMS는 데이터베이스 내의 데이터에 접근할 수 있도록 해주는 소프트웨어이다.(MySQL 등) 초기에는 클라이언트에서 바로 …

브라우저 흐름

부스트코스 공부 기록 : https://www.edwith.org/boostcourse-web/lecture/16663/ 참고 자료 : https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ 브라우저의 구성 요소 1. 사용자 인터페이스 주소 표시 줄, 뒤로가기, 앞으로가기 버튼, 새로고침 버…

HTTP

부스트코스 공부 기록 : https://www.edwith.org/boostcourse-web/lecture/16661/ HTTP란? 80번 포트를 사용. 클라이언트와 서버가 서로 데이터를 요청/응답하기 위한 프로토콜 이미지, 동영상, 오디오 등 어떤 종류의 데이터도 전송할 수 있다. 무상태 방식(stateless) 장점 자동적으로 연결이 끊기기 때문에 …

[pm2] 명령어 정리

pm2 : node.js 프로세스 관리 도구. 설치 명령어 start 앱을 실행시킴. —watch 현재 디렉토리와 그 하위 폴더의 파일을 실시간으로 감시하고 파일을 수정하면 서버를 재 실행한다. 수동으로 서버를 재실행하지 않고, 새로고침만으로 확인할 수 있다. —no-daemon start하면 파일은 백그라운드에서 실행되고, 이런 상태를 daemon이라고…

[프로그래머스] 기능개발

알고리즘 풀러가기🔍 📕 문제 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 배포는 하루에 한 번만 할 수 있으며, 하루의 끝에 이루어진다고 가정합니다. 예를 들…

progress bar - 스크롤 진행을 나타내는 막대 만들기

next/router

next 라우터는 ‘pages’디렉토리에 추가된 폴더/파일을 경로로 사용한다. ‘pages/index.js’ → ’/’ ‘pages/blog/first-post.js’ → ‘/blog/first-post’ 라우터 객체 (router object) 컴포넌트에서 useRouter/withRouter를 사용하여 라우터 객체를 이용할 수 있다. next에서는 u…