전체태그 보기

#javascript (432개의 포스트)

naseriansuzie
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. -React 기본 개념 복습
jeong3320
자바스크립트는 기본 자료형(숫자, 문자열, boolean)의 값을 복사할 때 값을 완전히 복사한다. 따라서 =을 이용하여 값 복사를 쉽게 할 수 있다. 아래는 깊은 복사 예제이다. 1열에서 배열 originalArray에 [1,2,3,4]를 저장하는 과정은 다음과 같다. 주소값 0x10에 [1,2,3,4]를 저장하고, 객체 originalArray는...
naseriansuzie

TIL - React Basic

3일 전0개의 댓글
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * What is React? 1. React - React는 페이스북이 만든 자바스크립트 라이브러리로, MVC 패턴 중 view layer를 담당한다. - 자바스크립트를 이용한 프론트엔드 구현에는 다양한 방법이 있는데(바닐라js...
ykim5470
Screen Shot 2019-12-09 at 8.01.48 pm.png html file을 통해 만들어 본, instagram log-in box. 그동안 repl.it에서 배운 html, css 지식을 가지고 활용하는 첫 프로젝트이다. (물론 내일 해야 할 main-page를 만들기 전에 하는 "에피타이저" 같은 느낌이지만) 2주간 html, cs...
jeong3320

내장객체(arguments)

4일 전0개의 댓글
자바스크립트에서는 함수를 호출할 때 함수 형식에 맞춰 인자를 넘기지 않더라도 에러가 발생하지 않는다. 정의된 함수의 인자보다 적게 인자를 넘겨주면넘겨지지 않은 인자에 대해서는 undefined 값이 할당되고 정의된 함수의 인자보다 많게 인자를 넘겨주게 되면 초과된 인수는 가볍게 무시된다! 자바스크립트의 이러한 특성 때문에 함수 코드를 작성할 때,호출된 인...
naseriansuzie

TIL - Express

5일 전0개의 댓글
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. Express 개념 정리 1. Express란? - Express는 Node.js 환경에서 동작하는 웹 애플리케이션 프레임워크으로 미들웨어를 붙여서 사용할 수 있는 것과 라우팅 기능을 제공하는 장점이 있다. - no...
sooonding

02-1. Object 객체

5일 전0개의 댓글
객체란 ? - 객체는 이름과 값으로 구성된 프로퍼티들의 집합이라고 할 수 있다. - 객체는 {}(중괄호)로 감싸져 있고, - 콜론으로 구분된 이름/값의 쌍들이 쉼표로 분리된 목록의 형태입니다. 01.객체를 만들어 보자..! let plan1 = { name : 'Basic', price : 3.99, space : 100, transf...
Javascript 장식자(decorator) 패턴
moggy
ES2015 부터 자바스크립트는 클래스 문법을 직접 지원합니다. 클래스 상속을 위해 extends 란 명시적인 키워드가 제공되고, 생성자 안에서 super 메서드 호출이 가능해졌습니다. 무엇보다 반가운건 클래스 내부 어디에서 사용하든 this 는 현재 인스턴스를 참조하도록 제공된다는 점입니다. 그동안 자바스크립트는 의사(pseudo) 클래스를 이용해 프로토...
Node.js 기반에서 환경변수 사용하기 (dotenv, cross-env)
public_danuel
환경변수가 무엇인지, 어떻게 사용하는 것이 좋을지, 관련한 라이브러리(dotenv, cross-env) 등 소개합니다.
Toy algorithm #06 - Common Characters
filoscoder
🇺🇸 Write a function commonCharacters(string1, string2) which takes two strings as arguments and returns a string containing the characters found in both strings (without duplication), in the order t...
raram2
textContent 중심으로 본 innerText 및 innerHTML과의 장단점 비교
awesomelon
오늘은 swiper.js로 만든 슬라이더들안에 youtube영상을 넣어보는 것을 알아보고자 한다. 기본적인 swiper를 생성하는 방법은 이 링크로 들어가면 자세히 알 수 있다. index.html 이것으로 swiper안에 youtube넣기를 마치겠습니다 :)
susu1991
비동기처리란? 동기와 비동기는 서로 상반되는 말인데요. 우선, 동기는 A의 일이 끝나야만 B의 일이 끝나고 C의 일을 시작하는... 의 식으로 앞의 일이 끝나야만 뒤의 일을 진행할 수 있는 처리 방식을 말합니다. 비동기는 반대로 동시의 여러 함수를 호출하거나 하나의 일이 끝나기 전에 다른 함수를 호출할 수도 있습니다. 비동기로 처리를 하게 되면 동시에 여...
awesomelon
jquery를 쓰다보면 현재 클릭한 요소의 인덱스 값을 구하는 것을 많이 쓰는데 코드로 보면 다음과 같다.
awesomelon
본 문제는 프로그래머스 코딩테스트 연습에서 따온 문제이다. 두 정수 사이의 합 문제 설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 - a...
awesomelon
문제 IE에서의 ajax 요청이 캐싱되는 문제 정확히는 GET방식으로 요청할 때 캐싱되는 문제이다. jQuery에서는 아래의 방식으로 이 문제를 해결한다. 결론 GET방식만 캐시된다면 POST방식을 그냥 쓰면 되지 않을까 생각했지만 그건 아닌 것 같다. 전혀 RESTful하지 못하다. 그렇다면 쿼리스트링을 상황에 맞게 적용하는 것이 제...
wrfg12
전위연산자와-후위연산자의-차이-정리
awesomelon
웹 개발을 하다보면 특정 문자열을 로 처리해야할 때가 있다. 처음과 마지막 글자만 보여주고 중간 글자들은 다 로 만드는 함수이다. 우선 문자열이 2글자인지 아니면 그보다 더 많은지 검색한다. 문자가 2글자 이하면 사이 글자가 없으므로 마지막 글자만 \로 만든다. 입력 받은 문자열을 배열로 만든 다음 처음과 마지막 글자 말고 나머지 값을 로 바꾼다....
awesomelon
입력 폼 개발 시 사용자가 input에 한글만 적게 하고 싶을 때가 있다. 처음엔 이런식으로 하면 될 줄 알았지만 keypress로 적용하니 정상 작동하였다. 결론 한글 입력 시 이벤트를 걸려면 keyup 말고 keypress !!!!
jeong3320
비구조화할당이란? 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식 배열 rest parameter를 이용해 깊은 복사가 가능하다.copy1은 앝은 복사가 되었지만 copy2와 copy3은 깊은 복사가 되었다.