전체태그 보기

#javascript (289개의 포스트)

smooth97
자바스크립트는 원래 브라우저 스크립트 언어로 시작해, 이제는 그 역할을 거의 독점하고 있다. 브라우저에서 자바스크립트를 사용할 때 알아야 하는 API가 있드며 브라우저 개발에 중요한 핵심 개념을 알아보자. 문서 객체 모델 DOM, 즉 문서 객체 모델은 HTML 문서의 구조를 나타내는 표기법인 동시에 브라우저가 HTML 문서를 조작하는 핵심 요소이기도...
devzunky
Primitive & Reference Data Type에 대해 포스팅하겠습니다. Primitive Data Type이란, 변수에 그 값을 넣어주는 것이고 Reference Data Type이란, 변수가 값이 저장된 메모리를 참조하는 것입니다. JavaScript에서 Primitive Data Type의 종류는 Number, Boolea...
choi8608
Array 배열 선언 후 map 을 사용 시에는 먼저 할당을 하여야 한다. 빈 배열에 map 을 하여도 에러는 발생하지 않지만 NAN 이나 undefined 도 나오지 않아 위험성이 있다.
choi8608

Javascript 개념

5일 전0개의 댓글
논리값 - Falsy 값 거짓 같은 값 (Falsy) 은 불리언 문맥에서 false 로 평가되는 값입니다. 참조 논리값
choi8608

Javascript Style Guide

5일 전0개의 댓글
Indentation – 들여쓰기 - 논리적으로 종속되어 있는 코드를 쓸 때, 종속된 code block는 주인 code block보다 두 칸 들여쓰기 합니다. 들여쓰기를 할 때 탭이 아닌 스페이스를 사용하세요. 탭은 안됩니다. Naming – 이름 짓기 - 1. Boolean names – Boolean 이름 Boolean에 관한 변수의 이...
smooth97
자바스크립트의 비동기 지금까지는 사용자의 행동에 반응하면서 비동기적 프로그래밍을 접해봤다. 사용자의 행동은 전적으로 비동기적이다. 사용자가 언제 클릭할지, 터치할지, 또는 타이핑할지 전혀 알 수 없다. 하지만 비동기적 실행이 사용자 입력 하나 때문에 필요한 건 아니다. 자바스크립트의 본적 때문에 비동기적 프로그래밍이 필요하다. 자바스크립트 애플리케이션은...
Dynamic Component Generation
poburi

Dynamic Component Generation

2019년 10월 11일0개의 댓글
map() map()이 하는 것은 렌더링이야. 배열의 각 아이템에서 함수를 실행한 그 결과값을 배열로 리턴해줘. 기존 friends라는 변수에는 배열 형태의 친구 5명이 있어. 내 친구들 이름 옆에 💖이모지를 넣어보자. 아! 수정할게 있네. image element에는 alt prop가 반드시 있어야해.
devzunky

TIL no.19 - window.getComputedStyle

2019년 10월 10일0개의 댓글
element의 style 태그 내에 있는 속성들의 값을 읽기위해 사용하는 method입니다. element.style."attribute"의 경우, 특정 값을 할당할 때는 사용할 수 있지만 현재 element.style."attribute"내에 들어있는 값을 읽어오는 것은 불가능하기 때문입니다. * 1. 문법 let style = window.g...
smooth97
서브루틴으로서의 함수 Subroutin은 아주 오래 된 개념이며 복잡한 코드를 간단하게 만드는 기초적인 수단이다. 서브루틴은 프로시저, 루틴, 서브프로그램, 매크로 등 다양한 이름으로 불립니다. 이들은 모두 매우 단순하고 범용적인, 호출할 수 있는 한 단위를 일컫는 말입니다. 자바스크립트에서는 서브루틴이라는 용어를 쓰지 않고 함수는 함수(메서드) 라고...
poburi

[🍌JS] Getting the Weather (API)

2019년 10월 8일0개의 댓글
자바스크립트 URL 호출 image.png
poburi

[🍌JS] Image Background Random

2019년 10월 8일0개의 댓글
CHECK POINT 👁‍🗨 - math.random - new Image() - classList.add - prepend 이미지 랜덤으로 넣기 image.png
poburi

[🍌JS] Making a To Do List ✔

2019년 10월 8일0개의 댓글
TODO 만들기 바닐라JS로 투두리스트 만들기! 기본틀을 HTML로 작성한다.: image.png
devzunky
사용자와 웹페이지 간의 상호작용하는 모습을 예제를 통해 HTML/CSS/JavaScript가 어떻게 쓰이는지 포스팅하겠습니다. * 1. Log-in 버튼 활성화 1-1. 소스 코드 HTML 기본 클래스였던 unactivatedLoginColor가 삭제되고 activatedLoginColor가 추가된 것을 확인할 수 있습니다. * 실제...
poburi
로컬스토리지 콘솔에 테스트해보면 대충 느낌이 옴. image.png image.png 값이 로컬스토리지에 저장이 되면서 새로고침을 해도 값이 사라지지 않고 남아있는 것을 확인 할 수 있다....
poburi

[🍌JS] Making a JS Clock 🕐

2019년 10월 7일0개의 댓글
바닐라JS로 만들어 보는 시계 어플리케이션 첫번째. 먼저, HTML에 시계를 출력할 엘리먼트를 만들고, JS로 간단하게 구현해 봅니다. Use Method Date() Date 객체를 생성하는 방법은 new연산자를 사용하는 것이 유일. - year 연도를 나타내는 정숫값. 0부터 99는 1900부터 1999로 처리합니다. 아래 예제를 참고...
zeros0623

2019/10/06 TIL

2019년 10월 6일0개의 댓글
check key in object with Jest
hyksmine

Object continue..2

2019년 10월 6일0개의 댓글
3aad200de5e152e1763a8e33566fb60b.jpg 원시타입과 참조타입 * 객체는 reference로 저장됩니다. 객체를 변수에 저장하면 객체 리터럴 자체가 저장되는 것이 아니라 reference가 저장 텍스트의 경우, 변수에 저장하면 텍스트 자체가 저장되서 값이 같아서 true. * why? 원시타입: Primitive...
smooth97
Iterator 이터레이터와 제너레이터는 ES6에 새로 도입된 중요한 개념이다. 이터레이터는 '지금 어디 있는지' 파악할 수 있도록 돕는다는 면에서 일종의 책갈피와 비슷한 개념이다. 배열은 이터러블 객체의 좋은 예로 배열의 여러 요소에 이터레이터를 사용할 수 있다. 마무리 이터레이터로 할 수 있는 일은 ES6 이전에도 모두 할 수 있었으므로,...
devmin
여러 방식으로 풀이 할 수 있는 과제들을 블로깅 해보려 함.
smooth97
SPA Single Page Web Application 기법 하나의 페이지로 구성된 어플리케이션으로 규모가 크고 사용자와의 상호 작용이 많아짐에 따라 데이터 전송 과부화로 인한 속도 저하 등 문제점을 해결해주는 기법이다. 서버에 제공하는 페이지가 한 개로, 로딩을 하고난 후 에는 브라우저 내에서 나머지 페이지들을 정의해서 보여준다. SPA 단점 앱...