🍰 오늘의 개발 한입

해싱은 해시 함수에 문자열 임력 값을 넣어 → 틀정한 값으로 추출하는 것을 말한다.먼저 Map(맵)은 키(Key)와 값(Value)로 구성된 Entry 객체를 저장하는 자료구조를 말한다.여기서 키와 값은 모두 객체이며, 키는 맵에서 유일해야 하며, 값은 중복이 허용된다

프로그래머스 문제를 풀고, 다른 사람 풀이를 확인하다보니 ?? 연산자를 알게 되었다. 언듯보면 삼항 연산자 ? :와 비슷하지만 null 할당 연산자는 ?? 물음표가 두개이다.그렇다면 null 할당 연산자란 무엇일까 ?논리 null 할당 연산자라고도 하는 null 병합

자바스크립트에서 attribute와 property 모두 속성을 의미하지만, 존재하는 위치, 값의 불별성에 대한 차이점이 존재합니다.예를 들어, value 값이 ‘기본값’인 input 요소가 있다 가정할 때, 해당 input 요소가 html에 있다면 value는 at

객체, 배열, 함수와 같은 참조타입의 데이터는 복사 시 데이터의 값이 아닌, 값이 저장된 메모리의 주소가 저장됩니다. 따라서 참조 타입의 데이터를 복사하는 방법으로 얕은 복사와 깊은 복사로 나뉩니다.얕은 복사는 참조 타입 데이터가 저장한 메모리의 주소값을 복사하는 것을

SOP은 대부분의 웹 브라우저에서 채택하고 있는 보안 정책으로, 보안을 위해 프로토콜, 호스트, 포트가 동일한 서버로만 데이터 요청을 주고 받을 수 있는 정책을 말합니다.SOP은 엄격한 보안 정책으로 외부 데이터를 불러오진 못하지만, CSRF나 XSS 와 같은 보안 취

표준 DOM 이벤트에서 정의한 이벤트 흐름의 3단계는 다음과 같습니다.캡쳐링 단계 : 이벤트가 하위 요소로 전파되는 단계타깃 단계 : 이벤트가 실제 타깃 요소에 전달되는 단계버블링 단계 : 이벤트가 상위 요소로 전파되는 단계따라서 <td> 를 클릭하면이벤트가 최

React에서 state와 props는 둘 다 컴포넌트에서 데이터를 다루는데 사용되지만, 목적과 사용 방법에서 차이점이 존재합니다.state는 컴포넌트 내부에서 관리되는 변경 가능한 데이터입니다. setState() 메소드 또는 클래스형 컴포넌트에서는 this.sta

React에서 map 등을 사용해 컴포넌트를 반복적으로 생성할 때, 'Warning: Each child in a list should have a unique "key" prop.’ 와 같은 경고를 마주치게 됩니다.React 컴포넌트에서 왜 key 속성이 필요한지

서버쪽에서 렌더링 준비를 모두 끝마친 상태로 클라이언트에 전달하는 방식입니다.사용자가 웹 사이트에 요청을 보냅니다.Server는 즉시 렌더링 가능한 HTML 파일을 만듭니다.클라이언트에 전달된 HTML은 이미 렌더링 준비가 되었기 때문에 즉시 렌더링됩니다. 단 아직 사

null은 객체 형태의 빈 값으로, 값이 없는 것을 의도적으로 명시하기 위해 사용합니다.undefined는 변수를 선언하고 값을 할당하기 이전의 값으로, 변수에 값이 할당되지 않은 상태를 말합니다.변수는 변수 선언, 초기화, 할당의 3단계를 거쳐 생성되는데, 이때 자바

순수함수란 함수 프로그래밍에서 자주 사용되는 개념으로, 2가지 조건을 모두 만족하는 함수를 말합니다.첫째, 같은 입력 값에 대해 항상 동일한 출력 값을 반환하는 함수여야 합니다. 순수 함수는 입력 값이 변경되지 않는 한 항상 같은 결과 값을 반환하기 때문에 불변성을 유

프💡 필수 용어Render : DOM Tree를 구성하기 위해 각 엘리먼트의 스타일 속성을 계산하는 과정Paint : 실제 스크린에 Layout을 표시하고 업데이트하는 과정useEffect은 컴포넌트들이 render와 paint된 후에 실행되며, 비동기적입니다.pai

어떤 작업을 위해 실행할 수 있는 파일로, 작성한 코드를 빌드하여 생성되는 결과물을 의미합니다.프로그램은 파일이 저장 장치에 있지만 메모리에는 올라가 있지 않은 정적인 상태입니다.따라서 프로그램을 실행하기 위해서는 Memory 자원을 할당 받아야 하는테, 이때 자원을

알려지다시피, 자바스크립트는 싱글 스레드 언어이다. 단순히 생각해보면 하나보다는 여러 스레드로 작업하면 더 좋지 않을까? 라는 생각이 드는데, 왜 자바스크립트는 싱글 스레드를 선택했을까?여기서 짚고 넘어가야할 것은 모든 기술에는 각각의 기회 비용이 존재하고, 싱글 스레

💭 useCallback과 useMemo의 차이점에 대해 알아보기에 앞서, Memoization과 Re-rendering 두 개념에 대해 간략히 살펴본 후 본격적으로 두 차이점에 대해 알아보도록 하자!컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값

ES5에 처음 추가된 개념으로, 자바스크립트 코드에 더욱 엄격한 오류 검사를 적용하는 키워드입니다. 스크립트나 함수의 맨 처음에 “use strict” 지시어를 사용해 선언할 수 있습니다.엄격모드에서는 이전에 통용되던 행동들을 제약합니다. 또한 몇 가지 중요한 기능을

JavaScript XML(eXtensible Markup Language)의 약어로, JavaScript에 XML을 추가한 확장된 문법입니다. 리액트 사용시 JSX를 이용해 HTML과 JavaScript를 모두 포함하고 있는 컴포넌트를 생성합니다.보기 쉽고 익숙하다.

Cross Browsing이란 표준 웹 기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만들어 웹 페이지를 제작하는 기법을 말하는 것이다.한국소프트웨어진흥원 공개S W지원센터 발간한 ‘Cross Browsing 가이드’ 중크로스 브라우징은

화살표 함수는 ES6에 새롭게 추가된 문법으로, 기존 함수 표현식에 비해 간단하게 사용 가능합니다. 또한 화살표 함수는 익명 함수로만 사용할 수 있어, 화살표 함수를 호출하기 위해 함수 표현식을 사용합니다.자바스크립트에서 모든 함수는 실행될 때마다 함수 내부에 this

기술 면접을 대비해 개념을 🍰 한입 크기로 잘라 정리합니다.깃허브가 궁금하다면 놀러오세요! 👉 깃허브 보러가기 (Since 2023.05.10 ~ )객체 지향 프로그래밍에서는 변수의 상태를 공유하고 상태를 변경하기 때문에 예상치 못한 버그를 일으킬 수 있습니다. 함

바벨은 최신 브라우저 환경이든, 구식 브라우저 환경이든 실행 환경에 구애 받지 않고 항상 호환 가능한 JavaScript 버전의 코드로 변환해주는 역할을 한다. 근데 여기 몇가지 의문이 따른다.바벨을 둘러싼 2가지 의문을 낱낱히 파헤쳐보자.❈ 참고문서Dalseo-바벨(

NoSQL은 비관계형 데이터베이스를 지칭한다.기존 RDBMS형태의 관계형 데이터베이스의 한계를 극복하기 위한 데이터 저장소의 새로운 형태이다.대량 분산된 데이터를 저장하고 조회하는데 특화되었으며 스키마없이 사용 하거나, 느슨한 스키마를 제공하는 저장소를 뜻한다.❓ 스키