profile
형선

[TIL] 문자열 접근하기

코테를 풀던중에 문자열에 keymap0 으로 접근 하는 것을 처음 보았다.Q) 자바스크립트 let keymap = 'AAS' 인데keymap0 으로 접근 할 수 있어?A) ChatGPTJavaScript에서 문자열은 문자의 배열처럼 동작합니다. 따라서 keymap0과

2023년 5월 24일
·
0개의 댓글
·

[TIL]프론트엔드 면접을 돕는 앱 만들기 프로젝트 시작

리액트 네이티브는 이전에 한번 사용한 경험이 있다. EXPO를 사용하여 배포했던 경험이번 어플리케이션에는 어떤 프레임 워크를 사용할지 고민해 보았다.1\. 사전에 구축된 기본 기능들이 있기 때문에, 빠르게 작업할수 있고 앱을 더 빠르게 출시할 수 있다.(중앙 집중화)2

2023년 5월 18일
·
0개의 댓글
·

[TIL] transition/transform/

aspect-ratio 가로세로 비율을 고정시켜준다.:after{content}

2023년 5월 17일
·
0개의 댓글
·

[TIL]그래프 DFS&BFS // reduce() 고민

스택(stack)이나 재귀함수를 이용하여 그래프를 탐색합니다. 시작점에서부터 한 경로를 따라 최대한 깊게 탐색한 후, 더 이상 갈 곳이 없으면 이전 단계로 돌아가 다른 경로를 탐색합니다. DFS는 그래프의 모든 노드를 방문하며, 노드의 방문 순서는 방문한 순서대로 기록

2023년 5월 15일
·
0개의 댓글
·

[TIL] SQL

데이터베이스를 설계하는 사람이 아니기 때문에 잘 가져오는 부분을 연습할 예정이다.데이터베이스를 왜 사용하는가?책장을 예로들어 보자 왜 책장을 사용할까? 쌓아두려고 ? 아니다 책을 잘 정리하고 잘 원할때 쉽고 빠르게 꺼내오기 위해서이다.Table/Field 이 존재한다.

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

[TIL]

◻ 동기 : 특정 코드를 수행 완료한 후 다음 코드를 실행◻ 비동기 : 특정 코드를 수행하는 도중 다음 코드를 실행중첩된 콜백함수를 사용하면 가독성이 떨어진다. => 디버깅이 힘들어 진다.new Promise(executor)async await 사용

2023년 5월 10일
·
0개의 댓글
·

[TIL] 콜스택/ 호이스팅/스코프 체이닝

10분 테코톡: 하루님의 실행 컨텍스트 Click 콜스택(Call Stack)은 프로그램에서 함수 호출을 추적하는 데 사용되는 자료 구조입니다. 함수가 호출될 때마다 해당 함수의 실행에 필요한 모든 정보(매개변수, 지역변수, 반환 주소 등)가 스택 메모리에 저장됩니다.

2023년 5월 9일
·
0개의 댓글
·

[TIL] Array.from()/every/some /flat

유사배열에서 배열로바꿔준다 foreach indexof map filter 등등 사용할 수 있다..every(()=>{})모든 조건을 만족하면 true 아니면 false.some(()=>{})하나라도 조건을 만족하면 true 하나도 없으면 false2차원 배열을 1차원

2023년 5월 7일
·
0개의 댓글
·

[TIL]

Set은 JavaScript에서 기본적으로 제공되는 데이터 타입 중 하나입니다. Set은 중복되지 않는 값들의 모음을 저장하며, 배열과 유사한 형태를 가지고 있습니다. Set 객체는 다음과 같이 생성될 수 있습니다:Set에 값을 추가할 때는 add() 메소드를 사용합니

2023년 5월 4일
·
0개의 댓글
·

[TIL] 가상 클래스 선택자/ 가상 요소 선택자

:first-child, :last-child, :nth-child(n)은 모두 부모 요소의 자식 요소 중에서 특정 조건에 맞는 요소를 선택할 때 사용하는 가상 클래스입니다. 이 때 조건은 각각 다음과 같습니다.:first-child: 해당 요소가 부모 요소의 첫 번째

2023년 5월 2일
·
0개의 댓글
·

[TIL] 플래그 변수/includes()/removeEventListener/ textContent

자바스크립트에서 addEventListener()를 사용해 이벤트를 추가한 경우 반대로 이를 제거할 수 있으며 이 때 removeEventListener()를 사용합니다.element.removeEventListener('이벤트타입', 이벤트 콜백 함수)이때 추가된 이

2023년 5월 2일
·
0개의 댓글
·

[TIL] float/flex

하지만 float 레이아웃은 PC로만 인터넷에 접속할 수 있던 시절에 고안되었기 때문에 반응형 웹에는 적합하지 않다.❗️ 반응형 웹이란?모바일, 태블릿, 데스크탑 PC 등 접속하는 기기의 너비에 맞추어 레이아웃이 변하는 웹페이지HTML 요소를 일반적인 흐름(normal

2023년 5월 1일
·
0개의 댓글
·

[TIL]

블록 스코프변수는 스코프를 가진다.var는 함수 스코프를 가지고, let은 블록 스코프를 가진다.반복문은 매우 빠르게 돌기 때문에 i는 6 이 되버린다.let은 블록스코프라서 고정이되고var은 함수스코프라서 고정이 되지 않는다.함수와 함수 바깥에 있는 것(변수)들과의

2023년 4월 29일
·
0개의 댓글
·

[TIL] Array() / sort() / appendChild() 메소드

자바스크립트 복습알고리즘 풀기 Array(2).fill()undefined, undefined Array(45).fill(0).map((el, idx)=>{ return idx + 1 }) 1,2,3,4,5 ... ,45

2023년 4월 28일
·
0개의 댓글
·

[TIL] Reduce()

자바스크립트 복습알고리즘 풀기리듀서 함수는 네 개의 인자를 가집니다.누산기 (acc)현재 값 (cur)현재 인덱스 (idx)원본 배열 (src)

2023년 4월 26일
·
0개의 댓글
·

[TIL]

모의면접 준비해시 함수: 데이터를 효율적으로 관리하기 위해 임의의 길이의 데이터를 수학적 연산을 통해 고정된 길이의 데이터로 매핑하는 함수이다. 해시 함수에 의해 얻어지는 값을 해시 코드, 해시라고 한다.해시 테이블: 키와 값을 매핑해둔 데이터 구조이다. 해시 함수로

2023년 4월 19일
·
0개의 댓글
·

[TIL]

면접스터디알고리즘 2~3문제

2023년 4월 17일
·
0개의 댓글
·

[TIL]

p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

2023년 4월 12일
·
0개의 댓글
·

[TIL] useRef() / 유틸함수와 커스텀훅

useRef 로 특정 DOM 선택하기 useRef는 React Hooks의 하나로, React 함수형 컴포넌트에서 DOM 요소에 접근하거나 값을 저장하는 데 사용됩니다. 1.특정 엘리먼트의 크기를 가져와야 한다던지, 2.스크롤바 위치를 가져오거나 설정해야된다던지, 3

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

[TIL]Redux thunk와 saga차이점 /Dispatch Error,useSelector Error Type에러

Redux Thunk와 Redux Saga는 모두 Redux 미들웨어로서, Redux 애플리케이션에서 비동기 작업을 처리하는 데 사용됩니다. 하지만 두 라이브러리 간에는 다음과 같은 차이점이 있습니다.Redux Thunk는 비동기 작업을 처리하는 동안 액션 생성자 함수

2023년 4월 10일
·
0개의 댓글
·