carpe diem

보호되어 있는 글입니다.

1. 달리기 경주 문제 https://school.programmers.co.kr/learn/courses/30/lessons/178871 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 아이디어 # players 배열에서 callings배열의 요소들을 처음부터 확인해서, players배열에 몇번째 요소 인지 확인 하고 # index확인한 그 이전의 players배열에서 index-1인 요소와 서로 위치를 바꿔주는 방법으로 진행하려고 했다. function solution(players, callings) { for(let call of calling..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

HTMLInputTypeAttribute는 HTMLInputElement의 타입 속성(type)을 나타내기 위한 타입으로, TypeScript와 같은 타입스크립트 언어에서 사용 type HTMLInputTypeAttribute = | "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week"; ChangeEventHandler는 onChange 이벤트를 처리하..

useMemo는 계산된 값을 캐싱하는 데 사용됩니다. 이전 계산 결과를 재사용하여 성능을 최적화할 수 있습니다. useMemo는 첫 번째 매개변수로 콜백 함수를 받으며, 두 번째 매개변수로 의존성 배열을 받습니다. 의존성 배열에 포함된 값이 변경되지 않은 경우, useMemo는 이전 결과를 반환한다. useEffect는 주로 컴포넌트 내부의 상태, 프롭스, 브라우저 이벤트 등과 같은 사이드 이펙트를 다룰 때 사용됩니다. useEffect는 컴포넌트가 렌더링된 후에 비동기적인 작업을 수행하거나 DOM 노드를 조작하는 등의 작업을 수행할 수 있습니다. useEffect는 첫 번째 매개변수로 콜백 함수를 받으며, 두 번째 매개변수로 의존성 배열을 받습니다. 의존성 배열에 포함된 값이 변경될 때마다 useEff..

콜백 함수(callback function)는 다른 함수에게 인자로 전달되어 실행되는 함수 이와 같은 콜백 함수는 비동기적인 프로그래밍이나 이벤트 처리 등에 매우 유용하게 사용됩니다. 예를 들어, 비동기적인 작업이 완료되었을 때 콜백 함수를 호출하여 작업 결과를 처리하거나, 이벤트가 발생했을 때 콜백 함수를 호출하여 해당 이벤트에 대한 처리를 수행 비동기적 처리(Asynchronous processing)는 프로그램에서 어떤 작업이 끝날 때까지 기다리지 않고 다른 작업을 수행할 수 있는 방법 동기적 처리는 한 작업이 끝날 때까지 기다렸다가 다음 작업을 수행하는 방식이며, 비동기적 처리는 한 작업을 수행하는 동안 다른 작업을 수행할 수 있음 동기적인 방식은 간단하고 직관적이지만, 클라이언트가 서버로 요청을..

1. whitespace whitespace는 공백을 나타내는 스페이스, 탭, 줄바꿈, 자동줄바꿈을 어떻게 처리할지 정하는 속성이다. 그래서 어떤 경우는 whitespace를 따로 정해주지 않았기때문에 텍스트에 \n를 사용해도 줄바꿈이 처리가 되지 않았던 것이다. 요즘 tailwind css를 사용하고 있어서 tailwind 를 이용해서 이해해보자.예시는 tailwind 참고해서 생각안날때마다 보고 간략하게 말로 정리해보면 white-space 속성으로 가질 수 있는 값들은 normal | nowrap | pre | pre-line | pre-wrap 이 있다. 1) white-space:nowrap 말그대로 nowrap 텍스트입력에 줄바꿈이 있어도 줄바꿈 하지 않고, 줄바꿈과 공백을 축소시켜 보여준다...

1. Forking Workflow 단일 서버(중앙 레포지토리)를 이용하는 것이 아닌, 중앙 원격 저장소를 각각 Fork 한 후에 진행하는 방식이다. 주요 장점은 단일 중앙 레포에 푸시할 필요 없이 각자 자신의 원격 저장소에 푸시 후에, 중앙 레포에 PR을 날리는 방식이다. 프로젝트 관리자만 중앙 원격 저장소에 병합 할수 있다는 특지이 있다. 각자 fork후에 개인의 원격저장소를 가지게 되며, 다른 개발자는 다른 개발자의 원격저장소에 푸시할 수 없다. 2. Forking Workflow 방법 중앙 원격 저장소를 fork 한 후 자신의 원격 저장소를 만든다. 이때 중앙 원격 저장소는 프로젝트를 관리하는 그룹 계정의 원격 저장소이다. 자신의 원격 저장소에 만들때 이름 변경 할 수 있다. git clone을 ..

1. 변수의 생성과정 1.선언 단계 2.초기화 단계 3.할당 단계 let은 선언단계와 초기화 단계가 분리되어서 진행된다. const 는 선언, 할당이 동시에 되어야 한다. 2. 생성자 함수 비슷한 객체를 여러개 만들때 사용한다. 생성자 함수는 첫글자는 보통 대문자로 쓰인다. new 연산자를 사용해서 함수를 호출한다. function User(name,gender){ this.name = name; this.gender = gender; } let userA = new User('Jake','male'); let userB = new User('Eric','male'); let userC = new User('alice','female'); 3. 객체에서의 key를 배열로 반환하기 Object.keys()..