# frontend

712개의 포스트
post-thumbnail

[자바스크립트/Javascript] 렉시컬 스코프

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

41분 전
·
0개의 댓글
post-thumbnail

[BAEKJOON] 4673번 셀프넘버

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

1일 전
·
0개의 댓글
post-thumbnail

[React] 리액트를 다루는 기술 - 4장 이벤트 핸들링 정리

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

2일 전
·
0개의 댓글
post-thumbnail

[WEB #2] WEB 서비스의 역사와 발전 (feat.개발자의 일자리)

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

2일 전
·
0개의 댓글
post-thumbnail

TIL 023 | 자기소개 페이지 리뷰(2)

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

2일 전
·
2개의 댓글

frontend - (3) : Interactive web

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

2일 전
·
0개의 댓글
post-thumbnail

[BAEKJOON] 1094번 막대기

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

3일 전
·
0개의 댓글
post-thumbnail

[React] 리덕스

리액트 리덕스 스터디 내용

3일 전
·
0개의 댓글

라이프 사이클? 훅?

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

4일 전
·
0개의 댓글

frontend - (2) : storage

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

4일 전
·
0개의 댓글

frontend - (1) : HTTP Protocol

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

4일 전
·
0개의 댓글

[Javascript] DOM, API

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

4일 전
·
0개의 댓글
post-thumbnail

[BAEKJOON] 1065번 한수

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

5일 전
·
0개의 댓글

🌏 HTTP 통신

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

5일 전
·
0개의 댓글
post-thumbnail

[자바스크립트/Javascript] 문법(2), 스코프 이해하기

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

2021년 7월 23일
·
0개의 댓글

2020 FEConf

2020 FEConf 메모

2021년 7월 22일
·
0개의 댓글

HTML 기본 문법

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

2021년 7월 22일
·
0개의 댓글
post-thumbnail

Vanilla JS로 간단한 게임 만들기(1)

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

2021년 7월 22일
·
0개의 댓글
post-thumbnail

Vue.js 기초

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

2021년 7월 22일
·
0개의 댓글
post-thumbnail

묻지마 - VueJS

VueJS 생성과 서버를 띄우기

2021년 7월 22일
·
0개의 댓글