# js
[포스코X코딩온] 웹개발자 입문과정 4.0
첫 프로젝트가 끝났다.........는 아니고 마저 수정해야하는게 산더미다..프로젝트 기간보다 애프터서비스기간이 더 길거같은 느낌.잘한 점이.... ➕라이브러리를 통해 반응형 레이아웃을 효율적으로 만들었다 생각한다.coupon이나, 구매하기 이후 등 컨셉에 맞춰 잘 구
[프로그래머스] 공원 산책
지나다니는 길을 'O', 장애물을 'X'로 나타낸 직사각형 격자 모양의 공원에서 로봇 강아지가 산책을 하려합니다. 산책은 로봇 강아지에 미리 입력된 명령에 따라 진행하며, 명령은 다음과 같은 형식으로 주어집니다."방향 거리", "방향 거리" … 예를 들어 "E 5"는
JavaScript(JS) - 클로저(Closure)
클로저는 내가 scope에 대해 알고 있다 보니 그렇게 어렵게 느껴지지는 않았다.클로저에 대해 알아보자 !클로저는 함수와 함수가 선언된 어휘적 환경(Lexical scoping)의 조합이다.쉽게 설명하면 클로저는 외부함수의 변수에 접근할 수 있는 내부 함수를 말한다.클
JavaScript(JS) - JS엔진
일단 자바스크립트 엔진에 대해 알아가기전에 실행 컨텍스트(Execution Context)에 대해 먼저 알아야 한다. 그 이유는 자바스크립트는 기본적으로 실행 컨텍스트를 만들고 변수, 함수, 코드들을 실행 컨텍스트에 저장하여 코드를 실행하기 때문이다. 실행 컨텍스트를
JS 알고리즘 1~2주차
1주차 문제문제1 몫 구하기정수 num1, num2가 매개변수로 주어질 때, num1을 num2로 나눈 몫을 return 하도록 solution 함수를 완성해주세요.function solution(num1, num2) {var answer = 0;answer=parse
JavaScript(JS) - DOM
문서 객체 모델(Document Object Model)은 HTML, XML 문서의 프로그래밍 interface이다.이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다.웹 페이지는 일종의 문서(document)이다. 이 문서는 웹
Axios API
\-웹 브라우저와 Node.js를 위한 HTTP 비동기 통신 라이브러리\-쉽게 말해 백엔드와 프론트엔드 간 통신을 쉽게 하기 위해 사용되는 것으로 Ajax처럼 사용되는 것\-Ajax: Asynchronous JavaScript and XML비동기 자바스크립트란 의미.
생성자 함수
객체를 생성하는 방법은 여러가지가 있습니다. 그 중 생성자 함수를 이용하여 객체를 생성하는 방법에 대해 알아볼 것입니다.생성자 함수(constructor)란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말합니다.JavaScript는 Object, S
함수 표현식과 선언식
this선언식 같은 경우 this는 전역객체를 가리킨다.표현식은 상위 스코프의 this를 참조한다. 그래서 콜백함수 내부의 this와 외부함수의 this의 불일치 문제를 해결할 수 잇다.호이스팅선언식은 호이스팅이 발생하지만, 표현식은 호이스팅이 발생하지 않는다.선언식e
JavaScript Class
개발을 하면서 Class에 대한 개념을 겉핥기 식으로만 알고 개발을하니 스스로의 문제점들을 발견했다.Constructor가 뭐고 Class를 대체 왜 사용하는지 이런 것들이 궁금해서 예전에 정리했던 것들을 잊은 채 아무것도 몰랐던 그때로 돌아가 한번 다시 알아보려고 한
[자료구조] 스택 (STACK), 큐(QUEUE)
스택(STACK)스택(STACK)이란 쌓아 올린다는 의미로, 데이터를 차곡차곡 쌓아 올린 형태의 자료구조 이다.스택(STACK)은 LIFO(Last in First Out) 방식으로 말 그대로 가장 마지막에 삽입된 자료가 가장 먼저 삭제된다고 하여 "후입선출" 구조 라
JavaScript(JS) - 모듈(Module)
자바스크립트로 코드를 작성하다보면 여러가지 함수를 만들게 된다. 이 함수들은 하나의 기능을 만들기 위해 사용이 되거나 계산을 하기 위해 사용이 되거나 등등 다양한 방법으로 사용이 된다. 하지만 하나의 파일에서 계속 작성하다보면 코드가 너무 길어지고 그렇게 되면 코드를
JS - DOM
텍스트와 이미지가 있는 웹 문서이면 '하나의 텍스트 단란이 있고 내용은 무엇이다', '하나의 이미지가 포함되어 있고 이미지의 크기와 경로는 이렇다' 등을 웹 브라우저에서 기본적으로 알고 있어야 한다.텍스트 요소와 이미지 요소를 각각 제어하기 위해 따로 구별해서 인식해야
JavaScript(JS) - 비동기
웹 개발을 하면서 비동기는 꼭 알아야한다고 생각한다. 이런 생각이 든 이유는 지금까지 개발을 하면서 비동기 처리를 많이 했었는데 예를 들면, 게시판이 아마 대표적인 예시이지 않을까 싶다. 비동기처리는 JQuery에 Ajax로만 사용했었는데 강의를 들으면서 여러가지 비