profile
IT 삶을 사는 쿠키

Vanilla js 이벤트 정리하기

좀 사족을 붙이자면 필자가 업무를 하다가 프론트를 하는 게 더 나을거 같아서 3개월만에 퇴사를 했다. 는 필요하지 않은 부분이니 넘어갑시다. 다음에 근황 다루면서 얘기를 할 예정요번에 노마드 코더에서 하는 바닐라 js 챌린저가 있어서 도전 중에 정리한 내용이다.html

2022년 5월 12일
·
0개의 댓글
post-thumbnail

😎[퍼블리셔]2021년을 마무리하며 이직?! 겸 퍼블 면접질문

2020년에 입사해서 2022년 새해까지 다닌 회사🔥원래는 2021년을 정리하려고 생각만 했지 어쩌다 보니 2022년 초 글을 써보자사수가 있었는데요 없었습니다?? 어라...? 사수가... 없어졌네요...?퍼블리셔 1년차 생활을 하고 회사에 입사했을 때 사수분도 있고

2022년 1월 20일
·
2개의 댓글
post-thumbnail

"React"는 왜 나왔을 까?

자바스크립트를 활용해서 Html 을 활용한 dom 조작 작업을 진행을 해봤다면 알 수 있는 사실이 하나 있다. dom 을 변형 하기 위해 여러 가지 dom selector api를 활용하여 변형을 해야 하는데 이러한 경우 Dom을 직접 건드리며 작업을 해야 하는 데 그

2021년 12월 21일
·
0개의 댓글
post-thumbnail

자바스크립트 엔진 V8

웹 애플리케이션을 구축하려는 시도가 늘어나는 시도가 늘면서 더욱 빠르게 동작하는 자바스크립트 엔진의 필요성이 대두되었다. 2008년 구글의 V8 자바스크립트 엔진은 이러한 요구에 부합하는 빠른 성장을 보여주었으며 이로 인해 데스크톱 애플리케이션과 유사한 사용자 경험 U

2021년 11월 16일
·
0개의 댓글
post-thumbnail

객체란 무엇일까?

자바스크립트에서 객체(Object)가 뭘까?사람, 자동차 등 우리 주변에 있는 모든 사물을 객체라고 한다. 어려운 말로 하면 실샐황에서 우리가 인식할 수 있는 사물이라고 생각하면 된다.자바스크립트의 기본 타입(data type)은 객체(object)입니다.객체란이름(n

2021년 11월 15일
·
0개의 댓글

Variables

constant varialbe 상수 변수라고 하는데 이게 뭘까?해결방안: Object.freeze(), Object.defineProperty()여전히 남는 문제점: nested Object의 경우...네스트한 즉 자식 요소 같은 경우는 어떨까?let const 공통

2021년 11월 1일
·
0개의 댓글

[JS강의]공부 2. variables

constant varialbe 상수 변수라고 하는데 이게 뭘까?해결방안: Object.freeze(), Object.defineProperty()여전히 남는 문제점: nested Object의 경우...=> hoisting X ?

2021년 10월 27일
·
0개의 댓글

[JS강의]공부 Block Scope

블록 스코프 라는 것은?함수 스코프 라는 게 존재했음스코프란 단어는 뭘까?유효공간 할 수 있는 공간이라 생각하면됨 허용범위 정도?함수 스코프란?함수의 허용범위? 라기에는 애매하지 함수에 의해서 생기는 범위//변수의 유효 범위가 ES5에서는 함수에 의해서만 나타났음 블락

2021년 10월 27일
·
0개의 댓글
post-thumbnail

[JS탐험기] 호이스팅이란?

MDN에서 나오는 호이스팅의 정의는 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 얘기하는 데 보통 이렇게 얘기하면 이해가 안되지.... 말이 너무 어려우니 간단하게 설명 들어갑니다.보통 코드에 선언된 변수 및 함수를 코드 상단으로 월척을 낚는 낚시꾼처럼

2021년 10월 20일
·
0개의 댓글
post-thumbnail

웹 브라우저 렌더링에 대해 알아보자!

앞선 시리즈에서 웹 브라우저의 역할과 구성 요소에 대해 알아보았다!그래도 모르실 분이 있으니 브라우저는 간단하게 인터넷에서 특정 정보를 알 수 있고 주소 입력창이 있으며 HTTP와 HTTPS를 이용하여 정보 탐색 및 검색이 가능하게 도와주는 도구 라고 생각하자영어 단어

2021년 10월 13일
·
0개의 댓글
post-thumbnail

웹 브라우저의 역할과 구성 요소

사전에 웹 브라우저 엔진을 알아보기 전에 브라우저에 대해 알아보자!! 브라우저를 알아보자 브라우저 란 기본적으로 월드 와이드 웹 흔히 인터넷 주소창에 (www) 달리는 월드 와이드 웹에서 정보를 검색 및 탐색하기 위한 소프트웨어이다.(여기서 소프트웨어는 알아서 찾아

2021년 10월 1일
·
0개의 댓글
post-thumbnail

[SCSS flex-layout 쉽게 잡기]

흔히 layout css을 잡을 때 요새는 flex와 grid를 자주 사용한다. 그렇다면 이거를 SCSS 활용하여 간단하게 만들 수 있지 않을 까? 라는 생각에 만든 layout.scss다.flex-layout을 쉽게 잡는 방법을 알려주기 전에 알아야 할 두 가지 요소

2021년 9월 30일
·
0개의 댓글
post-thumbnail

[scss] 작업한 Mixin에 대해 알아보자

Scss mixins는 스타일 시트에서 보통 재사용할 걸 모아놓은 그룹이라 생각하면 된다.즉 component 요소를 사용하기 적합한 방법이다.흠 개인적으로 이러한 Mixin은 필요한 상황 때 마다 만드는 법인데 인터넷 서치로도 많이 나와 있으니 다들 검색해서 알아보는

2021년 9월 29일
·
0개의 댓글
post-thumbnail

[CSS3] margin 마이너스에 대한 비밀~!

보통 margin CSS 같은 경우 간격을 띄울 때 사용을 합니다.하지만 부모요소의 margin-left : -100%;를 주게 될 경우 생각지도 못한 반응이 일어나는 걸 알고 계신 가요?예를 들면 이러한 요소에 부모요소에 margin-left: -100%; 를 주게

2021년 9월 17일
·
0개의 댓글
post-thumbnail

[JS]일정한 배열에서 3보다 큰 값 구하기

처음에 값을 구하는 경우 numbers 에 해당하는 배열을 biggerThanThree 로 파라미터로 할당하여 그 수만큼(length) for문을 반복하게 하고 3보다 큰 수 라는 조건문을 확인하기 위해 if문을 활용하여 활용let big에 넣어 준다.그 후 값을 확인

2021년 9월 16일
·
0개의 댓글
post-thumbnail

HTTP와 HTTPS의 차이

HTTP란 약자로 (Hyper Text Transfer Protocol) 이라는 용어인데 보통 서버/ 클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다.HTTP의 특징은 불특정 다수를 대상으로 하는 서비스에 적합한 방식이다. 그로 인해 HTTPS 보다는 속도

2021년 5월 11일
·
0개의 댓글