# frontend

cool_kim

You don't Know JS Chapter 7 렉시컬 스코프

jun_n3

문제 : https://www.acmicpc.net/problem/4673셀프 넘버는 1949년 인도 수학자 D.R. Kaprekar가 이름 붙였다. 양의 정수 n에 대해서 d(n)을 n과 n의 각 자리수를 더하는 함수라고 정의하자. 예를 들어, d(75) =

dazzlynn

사용자가 웹 브라우저에서 DOM 요소들과 상호작용하는 것을 이벤트라고 한다. 예를 들어 버튼에 커서를 올렸을 때는 onmouseover 이벤트, 클릭했을 때는 onclick, 폼 요소는 값일 바뀔 때 onchange 이벤트를 실행한다. 이벤트 종류는 여기(https&#

kykim_dev

\[\[WEB 이 놀라운 혁신은 거의 모든 산업 전반에의 혁신을 가져왔고, 개발의 영역이 넓고 세분화되는 효과를 가져왔다. 가장 큰 혁신을 가져온 분야는 '유통' 업계다.예전에는 소프트웨어를 구입 하려면 물리적인 매개체가 필요했는데, 인터넷이 발명되면서 유통 과정이 혁

jun_n3

HTML과 CSS를 학습한 후에 진행했던 자기소개 페이지에 JavaScript를 사용해서 동적인 효과들을 추가해보기로 했다. 또, 아쉬움을 남겼던 반응형도 구현해 보자는 생각이 들었다. 그 결과는...?🤭호기롭게 자기소개 페이지에 동적인 효과를 넣겠다고 생각하던 한

lshn1007

HTML, CSS, JS 의 기초가 어느정도 잡히게 되었다면 다음으로 준비해야할 것은 인터액티브 웹 디자인을 시도해보는 것이다.모달http://yoonbumtae.com/?p=3632슬라이드https://penguingoon.tistory.com/25

jun_n3

문제 보러가기 : https://www.acmicpc.net/problem/1094 지민이는 길이가 64cm인 막대를 가지고 있다. 어느 날, 그는 길이가 Xcm인 막대가 가지고 싶어졌다. 지민이는 원래 가지고 있던 막대를 더 작은 막대로 자른다음에, 풀로 붙

cool_kim

리액트 리덕스 스터디 내용

fankimm

useEffect()는 컴포넌트가 마운트 될때, 렌더링이 일어날때, 컴포턴트가 언마운트 될때마다 실행되는 훅(hook)이다.function1은 마운트 될때, 렌더링 될때 실행된다.function2는 언마운트 될때 실행된다.case2 코드는 case1코드와 거의 흡사하다

lshn1007

웹 프론트엔드 개발에서는 여러개의 저장소를 사용해야한다. 로그인에서 사용되는 쿠키나 세션, 브라우저의 정보를 저장하는 로컬 스토리지와 세션 스토리지.. 등이 있다. 해당 정보에 대해서 자세히 정리해보고자 한다.쿠키는 클라이언트 로컬에 저장되는 key, Value 형태의

lshn1007

이번 시리즈에서는 현업 프론트엔드 개발 과정에서 익혔던 기본적이고 굉장히 유용한 정보들을 기록으로 남기고자 한다. 여담이지만 이러한 내용들을 모르고 현업에 종사하는 개발자들이 생각보다 많다. 충격적이다. 그러나 나는 꼭 기초부터 쌓아올려야겠다..Hypertext Tra

zzznly

문자열 데이터로 된 html을 브라우저가 처리하기 위해 자체적으로 가지고 있는 자료구조. 많은 API, 시스템들이 녹아있어 그 자체로도 단독으로 발전하는중. API (Application Programming Inerface) DOM을 가지고 html을 조작하는

jun_n3

문제 보러가기어떤 양의 정수 X의 각 자리가 등차수열을 이룬다면, 그 수를 한수라고 한다. 등차수열은 연속된 두 개의 수의 차이가 일정한 수열을 말한다. N이 주어졌을 때, 1보다 크거나 같고, N보다 작거나 같은 한수의 개수를 출력하는 프로그램을 작성하시오. 첫째 줄

wish

Axios란? > axios란 브라우저, node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. Promise란? Promise 객체는 비동기 작업이 종료된 이후에 결과값이나 실패를 처리할 수 있다. Promise를 사용하면 비동기

cool_kim

You don't Know JS Chapter 5 문법(2), Chapter6 스코프

dyel0216

2020 FEConf 메모

heejinna

요소(Element) HTML 의 요소(element) 는 기본적으로 start tag 와 end tag를 가진다. start tag 와 달리 end tag 에는 / 가 붙는다. Heading element See the Pen by heejin na

jun_n3

엘리님의 제공해주신 브라우저101 자료를 바탕으로 바닐라 자바스크립트를 통해서 간단한 게임을 만들었습니다.

holim0

데이터 바인딩과 가상 돔을 가지고 있다.template script style 영역으로 나눠져 있어 html, js, css를 명확하게 분리해 작업할 수 있다.컴포넌트를 통해 재사용성을 극대화할 수 있다.MVVVM(Model-View-ViewModel) 패턴 사용컴포넌

ahngh

VueJS 생성과 서버를 띄우기