알고리즘 학습네이버 특별 세션 참여DOM, DOM 조작방법, DOM 조작을 이용한 유효성 검사 학습번들링과 웹팩 학습YouTube IFrame Player API 사용법 학습 및 실습항상 컴포넌트를 만들면서 재사용하기 쉽고 확장이 쉽다는 것은 무엇을 의미하는지? 에 대

input에 텍스트를 입력하고 엔터키를 입력했을때 todoList에 todo가 추가되는 기능을 구현하기 위해 event 객체의 key 속성을 사용하여 Enter 키의 입력을 체크하였습니다.영어를 입력하고 엔터키를 눌렀을때는 아무런 문제가 없는데 한국어를 입력하고 엔터를

프로그래머스에서 진행하는 프론트엔드 개발을 위한 자바스크립트(feat. VanillaJS) 에 참여하게 되었습니다. 자바스크립트 기본기를 탄탄하게 다져보도록 하겠습니다 🔥🔥🔥

\[new.target](http://new.target) , instanceof 로 new 키워드를 통해 함수를 호출했는지 확인이 가능하다ECMAScript 6부터 \[new.target](http://new.target) 사용이 가능합니다.\[ne

검색엔진, SEO 학습크롤러가 사이트에 들어가서 링크가 있으면 모두 들어가 사이트를 수집하고 각 페이지에 관한 정보(콘텐츠, 이미지, 동영상 파일)를 분석하여 어떤 페이지인지 파악하고 데이터베이스에 저장한다는 사실유저가 검색창에 검색어를 입력하면 크롤러가 수집한 웹사이

동료 피드백 받아보기친구랑 사이드 프로젝트 하기혹여나 제가 저도 모르게 말을 기분나쁘게 하지는 않았는지? 업무 진행에 불편함을 드린것은 없는지가 궁금하여 설문지를 만들어서 같이 작업했던 동료분들께 솔직한 피드백을 요청드렸습니다. 생각보다 좋은 피드백을 받아서 너무 기분

자바스크립트 딥다이브 23장 읽고 블로깅(자바스크립트 스터디 복습)자바스크립트 딥다이브 스터디 참여(22장 this까지)프리온보딩 라이브 세션 참여

오늘 한 일 github 프로필 꾸미기 톡리스트 화면 기획서 작성하기 도메인 주도 설계 1장 읽기 오늘 배운것 도메인 모델은 어떤 특정한 다이어그램이 아니라 다이어그램이 전달하고자 하는 아이디어이다 모델은 지식을 선택적으로 추상화하고 의식적으로 구조화한 형태다.

카카오톡과 유선 방식을 사용해 셀러 또는 작업 창고자들과 협업중인 기업에서 여러 곳에서 들어오는 카톡을 한곳에서 읽고 답장하고 기록할 수 있는 서비스를 설계해보는 팀과제를 진행하였습니다기업과제의 요구사항을 좀더 시각적으로 표현하면 이해가 쉬워질거란 생각에 요구사항을 와

udacity의 Website Performance Optimization Lesson2 강의를 듣고 정리한 내용입니다.💡 이번 글에서는 1강부터 4강까지의 내용만 정리합니다브라우저 최적화 방법브라우저 동작 원리브라우저가 어떻게 DOM을 생성하고 CSSOM, 레이아웃

function 키워드함수 이름소괄호 열고 닫고중괄호 열고 닫고함수에 바로 정의한 것을 함수 선언문이라 한다. 위의 모양을 기억해두자정의한 함수를 값으로 변수에 할당하는 것을 의미한다호이스팅은 변수의 선언을 끌어올리는 것을 말한다선언부는 끌어올리고, 할당은 실행되는 시

실행 컨텍스트는 실행할 코드에 제공할 변수 정보들을 담아놓은 환경함수를 실행할 때마다 실행 컨텍스트가 생성된다각각의 함수는 본인의 고유한 컨텍스트를 가지고 있다전역 컨텍스트 생성전역 컨텍스트 실행함수 실행 컨텍스트 생성함수 실행 실행 컨텍스트는 렉시컬 스코프 안에 정의

정규 표현식은 주어진 문자열에서 발견할 수 있는 글자 패턴을 표현한 식입니다.( 반복가능성 있는 숫자 + , ) 그룹 반복반복가능성 있는 숫자 ? ⇒ 11,111,22,2222...마지막은 , 없이 숫자 반복으로 끝난다는 의미메타 문자는 정규식 엔진에게 어떤 단일 문자

스코프변수 호이스팅var, let, const 차이함수 호이스팅

리액트를 선택하는 이유에 대해 정리리액트를 사용하는 이유자기선언

페어프로그래밍댓글 리스트 구현댓글 무한스크롤 기능 구현폴더 구조에 대해 알아보고 정리하기Intersection Observer에 대해 알아보고 구현 과정 정리하기아토믹 디자인을 이용한 폴더 구조 분리 Intersection Observer API 사용법Intersect

이번 과제는 아래처럼 기능별로 폴더를 분리해 보았습니다. 기능별로 분리하여 각 파일에서 필요한 기능을 import하여 사용함으로서써 재사용성을 높일 수 있다고 생각하였습니다.\[React] 5단계로 보는 리액트 폴더구조

무한 스크롤을 Intersection Observer API을 사용하여 구현하는 과정을 설명합니다.Intersection Observer API는 뷰포트와 타겟으로 설정한 요소의 교차점을 관찰하여, 타겟 요소가 뷰포트에 포함되었는가를 판단하는 기능을 제공합니다. 이러한

커리어에 대한 고민, 좋아하는 일을 찾는 과정(과거-미래-현재) 블로깅프리 온보딩 코스\_프론트엔드 코스 오리엔테이션 참여페어 프로그래밍 \- 폴더 구조, 코딩 컨벤션(eslint, prettier) 설정CSS 작성 방법 선택 - EmotionCommit Messag

제가 올바른 방향으로 가고있는지 성장 중인지에 대한 조언을 회사 내에서는 얻을 수 없기때문에 외부에서 얻어보려는 노력을 정말 많이 했습니다. 좋은 코드, 성장, 좋은 프로덕트 등등에 대해 조언을 듣고자 인프런 멘토링 신청을 통해 고민 상담도 해보고, 코드숨 이라는 교육