열정가득한 개발자의 이야기/한땀 한땀 공부 내용 TIL (24) 썸네일형 리스트형 for making new Map in JS hi.today, I learned a new way for initialize the Map. origin way is too long. like this : for(let i = 0; i if(a.has(x[i]){ a.set(x[i], a.get(x[i]) + 1)} else { a.set(x[i],1)} for counting the all of the elements in some array, I usually use map and counting them.but today, I found out shorten that code. like this : for(let i = 0; i a.set(x[i], a.get(x[i] || 0) + 1)} it will b.. git command hi. I started to study about Git, you know, I just know basic things, so after starting PJ, I feel like there is a limit.so I started to study it. there are commands usually use in PJ.for Korean student, I will use Korean and explain thiers usage. git log --> for checking the status for Gitgit checkout +log —> head가 바뀌면서 working, staging area 모두 log commit 그 시점으로 돌아감예로, 버전 3개가 있을 때, 가장 옛날 버전이 1으.. Thread & service worker in JS 스레드란?코드를 실행할 수 있는 각 단위자바스크립트는 기본적으로 싱글 스레드 환경에서 실행됨. 이 말은 브라우저에서 자바스크립트 코드가 메인 스레드에서 실행된다는 뜻. 하지만, 자바스크립트는 Web Workers (예: Web Worker, Service Worker)와 같은 기능을 통해 병렬 작업을 처리할 수 있는 비동기적 작업 처리를 지원.—> 즉, 자바스크립트는 기본적으로 싱글 스레드 환경에서 실행되지만, Web Worker와 같은 기능을 통해 병렬 작업을 처리할 수 있는 방법을 제공.메인 스레드 :브라우저에서 사용자 이벤트를 처리하고 디스플레이를 렌더링 및 페인팅하고 일반적인 웹 페이지나 앱을 구성하는 대부분의 코드를 실행하는데에 사용하는 스레드—> 이렇게 많은 처리를 한 곳에서 하기 때문에 속도.. TIL : 알고리즘 개념 정리 1 (feat. 코딩테스트 합격자되지 책) 시간복잡도란 : 알고리즘 성능을 나타내는 지표로 입력 크기에 대한 연산 횟수의 상한을 의미 —> 복잡도가 낮으면 낮을 수록 좋음 / 알고리즘이 시작한 순간부터 결괏값이 나올 때까지의 연산 횟수를 나타냄 시간 복잡도는 최악의 경우를 기준으로 분석해야한다. 자바스크립트에서 undefined, null은 타입임. undefined : 변수에 초기화 되지 않았을 때, null : 개발자가 의도적으로 비어있다는 것을 표현하기 위한 것Typeof null하면 Object나오는데 이건 버그임 구조 분해 할당 : 배열 구조 분해 할당 -> const arr = [‘a’,’b’,1] const [first, second] = arr console.log(first, second) -> a, b const obj =.. 객체를 사용하는 이유 ? 자바스크립트의 constructor를 공부하다가 갑자기 든 생각이다.. 객체 생성을 왜 해야하나?라는 의문.. 어차피 더미 데이터를 먼저 만들어주니까...왜 굳이.. 코드? 안에서 객체를 생성해야하나? 라는 의문이 들었다. 그래서 gpt에 물어봤다. 데이터를 구조화해서 관리하기 위해 관련된 데이터를 그룹으로 묶어서 표현이 필요할 경우 객체를 생성한다. 예로, 사용자 정보 const user = { name: "Alice", age: 30, email: "alice@example.com" }; 위와 같은 결인데 데이터와 관련된 동작을 함께 정의할 수 있음 객체에는 데이터뿐만이 아닌 그 데이터와 관련된 기능도 포함할 수 있다. const user = { name: "Alice", age: 30, .. 리액트 forwardRef 좀..정리 forwardRef란?-> 상위 컴포넌트에서 전달받은 Ref를 하위 컴포넌트로 전달하는 역할 -> 의문 : 리액트에서는 원래 부모에서 자식으로 props를 넘겨주는데 굳이 Ref까지 사용을 해야하나? 라는 생각이 들음그래서 찾아봄 props는 데이터 전달에 사용:props는 컴포넌트에 데이터를 전달하기 위한 수단. 자식 컴포넌트는 전달받은 props를 이용해서 UI를 렌더링하거나 동작을 결정함. 컴포넌트의 로직이나 상태에 영향을 주고, 주로 데이터나 함수 전달에 사용됨ref는 DOM 요소나 컴포넌트 인스턴스에 직접 접근할 때 사용:ref는 주로 자식 컴포넌트의 DOM 요소나 컴포넌트 인스턴스에 직접 접근하기 위해 사용됨.props로는 DOM이나 특정 요소에 대한 직접적인 접근 권한을 줄 수 없기 때문에,.. 내가 보기 위해 정리한 자바스크립트 methods(splice, split, slice...) indexOf: 호출한 string객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환. 단,첫 번째 등장 인덱스를 찾을 수 없으면 -1. 또한 대소문자를 구분함indexOf(찾는 값, 위치)인데 찾는 값의 위치가 변수인 위치보다 더 작으면, 즉 위치를 더 크게 잡으면 이 또한 -1을 반환함자매품으로 lastIndexOf()도 있음. 이건 같은 문자가 있을 때, 가장 늦게 나온 값의 위치는 반환함 indexOf를 사용해서 문자열 내의 특정 문자 숫자 세기예) var str = "To be, or not to be, that is the question.";var count = 0;var pos = str.indexOf("e"); //pos는 4의 값을 가집니다. while (pos !== -1) { c.. React Hooks정리 및 쫌쫌따리 constructor: 컴포넌트를 새로 만들 때마다 호출되는 클래스 생성자 메서드컴포넌트가 업데이트 되는 상황 :props가 변경될때State가 변경될때 -> setState 부모 컴포넌트가 리렌더링 될 때This.forceUpdate로 강제로 렌더링을 트리거할 때라이프사이클 메서드render() -> 라이프 사이클 메서드 중, 유일하게 필수 메서드 React hook정리useState -> 형태 : const [a, setA] = useState(type) 상태관리 -> 기본적으로 상태관리할 때 사용하는 훅, 근데 렌더링이 느려서 값이 마음대로 바로바로 업데이트가 안됨 useEffect -> 형태 useEffect(() => {}, [파라미터]) -> 파라미터에 useState의 상태를 넣어서 사.. 이전 1 2 3 다음 목록 더보기