배열이란?배열(Array) 여러 개의 값을 순차적으로 나열한 자료구조다. 매우 사용 빈도가 높으며 배열 메서드를 능숙하게 다룰 수 있다면 코딩에 매우 도움이 된다.배열이 가지고 있는 apple 같은 값을 요소(element)라고 부르며, 자바스크립트의 모든 값은 배열의

19장에서 살펴보았듯이 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리 단위로 묶은 복합적인 자료구조이다.메서드는 자신이 속한 객체의 프로퍼티를 참조하고 변경할 수 있어야 한다. 이 때 메서드가 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리

new 연산자와 함께 Obejct 생성자 함수를 호출하면 빈 객체를 생성 후 반환한다. 그 이후 프로퍼티 또는 메서드를 추가해 객체를 완성할 수 있다.생성자 함수란 new Object와 같이 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 생성자 함수에

ES5까지는 변수 선언 키워드가 var 밖에 없었다. 아래에서 var 키워드의 특징을 살펴보자.변수 중복 선언 허용위처럼 한 번 선언했다고 해도 무시하고 중복 선언해도 에러가 나지 않고 이후에 선언한 값으로 바뀐다.초기화문이 있는 변수 선언문은 JS 엔진에 의해 var

자바스크립트의 모든 값에는 타입이 있다.원시 타입: Number String Boolean Undefined Null데이터 복사가 일어날 때, 메모리 공간을 새로 확보해 독립적인 값을 저장한다.참조 타입: Object ( Array Function Regex 모두 객체

앞선 글에서 말한 것과 같이, 기존 프로젝트의 개발 환경 세팅은 정말 버전과의 싸움인 듯 하다. 특히 Java 안드로이드의 경우 아주 가차없다.. 여러 키워드들과 알게된 내용들을 정리해본다.터미널에 /bin/bash -c "$(curl -fsSL https:/

입사 후 정신없이 지나간 일주일에 대한 이야기. 🎈 1주차에 대한 기록 처음 써보는 macOS에 왠지 익숙한 느낌이 드는건 왜일까..? 일주일 밖에 안되었지만 집에서 윈도우 노트북을 쓰는게 오히려 어색해졌다. 처음에는 Jira와 Confluence에 정리된 내부

var, let, const의 차이점과 호이스팅에 대한 내용 호이스팅 hoisting이란 코드가 실행되기 전 '변수/함수의 선언'이 해당 스코프에서 가장 최상위로 끌어 올려지는 현상이다.(끌어 올리는 행위 자체를 말하는 것이 아니다.) 자바스크립트 엔진은 코드를

📄 REST 개념 정리 "Restful한 설계". 무슨 뜻일까? REST는 아키텍처 원칙 세트이다. 요청이 수행될 때, REST API는 리소스 상태에 대한 표현을 요청자에게 전송한다. HTTP URI를 통해 자원(Resource)을 명시하고, HTTP Meth

구름Level, 프로그래머스, 백준 등 여러가지 코딩 테스트 사이트를 살펴 보았다. 수동으로 입력을 받아 진행해야 하는 사이트도 있고, 해당 함수안에 로직만 구현하면 되는 편리한 사이트도 있었다. > 구름(Goorm)이라는 사이트에서 처음 수동 입력을 접하고 엄청 해매

스레드란 프로그램, 특히 프로세스 내에서 실행되는 흐름의 단위이다. Javascript가 싱글 스레드인 이유 싱글 스레드 하나의 프로세스에서 하나의 스레드를 실행한다.(직렬적으로 실행) 멀티 스레드 하나의 프로세스에서 둘 이상의 스레드를 동시 실행한다.(병렬적으로

Counting Sort(계수 정렬)이란, 배열의 요소들을 비교해서 정렬하는 방식이 아닌, 해당 요소를 카운트해 정렬하는 알고리즘이다. 문제 요소의 범위가 0 <= arr[i] < 100인 배열을 계수 정렬 실행 계수 정렬은 요소 하나하나를 돌며 해당 요소를 계속

Javascript 기본기 연습을 위한 테스트입니다. > 기본적인 문제들을 보면서 생각보다 기본적인 Javascript 활용에 대해 복습하며, 여러 사람의 다른 풀이 방식을 보며 비교 활용할 수 있게 되어 도움이 된다. > 문제 출처: yeu.kr element 생성

💡 Recoil React는 Angular, Vue.js와는 다르게 기본적으로 부모에서 자식 방향으로만 state를 props로 전달할 수 있는 단방향 라이브러리이다. 물론, 자식에서 부모의 state를 바꿀 수 있는 방법이 존재하지만 규모가 커질수록 관리가 어렵

💡 SPA (Single Page Application) 말 그대로 하나의 페이지로 이루어진 웹 애플리케이션으로, 서버에서 최초에만 페이지를 받아온 후 이후에는 동적으로 구성해 새로운 페이지를 받아오지 않는다.(데이터를 수정, 조회할 때 새로 고침되지 않음) 쉽게 말해, 처음 불러왔던 페이지의 내용만 변경하는 방식이고, 페이지 이동간 서버에 요청을 하지...

📑 await, async > async와 await는 자바스크립트의 비동기 처리 문법 중 하나이다. 기존의 비동기 처리 방식의 단점인 코드가 길어지는 것과 콜백지옥에서 벗어날 수 있게 도와주고, 코드의 가독성을 살려준다. 기본 형태 일반적으로 axios와 같은 프로미스를 반환하는 API 호출 함수에 주로 쓰인다. 위 코드에서는 fetch가 호출되...

Javascript는 특정 코드의 실행이 완료될 때까지 기다리지 않고 바로 다음 코드로 넘어간다. 이를 비동기라고 하며 Promise는 Javascript의 비동기 처리에 사용되는 객체이다.이전 fetch 함수를 다룰 때 간단히 학습했지만, 좀 더 정리가 필요할 것 같

버튼을 컴포넌트화 시켜 사용할 때, 기본적으로 버튼에 사용되는 속성을 미리 지정해놓고 사용 위치에서 해당 내용을 props로 내려주면 간단히 사용이 가능하다. 💡 기본 형태 버튼 텍스트, 활성화 등 필요한 속성에 대한 값을 사용할 위치에서 지정해 사용한다. 💡

이력을 깔끔하게 정리하면서 합치고 싶을 때 사용한다.git rebase -i main먼저 commit을 여러 개 썼을 경우 맨 위는 pick, 나머지는 sqush로 설정하면 commit들을 하나로 합칠 수 있다.git push origin (브랜치이름)추가 수정 시1,

displaylist-stylepositionfloatclearwidth / heightpadding / marginborder / backgroundcolor / fonttext-decorationtext-align / vertical-alignwhite-spaceo