틈틈히 메모중

보호되어 있는 글입니다.

보호되어 있는 글입니다.

[문제 1] start, end 사이의 소수를 찾는 함수를 만들어보자. 조건 isPrime 함수는 소수를 판별합니다.const isPrime = (n: number) => {}const findPrimeInRange = (start: number, end: number) => {}//결과값 예시console.log(...findPrimeInRange(1, 100));// [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83, 89, 97]문제풀이 /* 소수찾는 함수 출처(수정쪽)https://velog.io/@hyorimm/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B..

보호되어 있는 글입니다.

1. 함수의 실행순서를 보장한다. 이거하고나서 저거하자가 가능해짐const a = () => (id: string) => { console.log(`Received ID: ${id}`);};const b = a(); // 여기서 a()가 두 번째 함수를 반환b("123"); // 출력: "Received ID: 123" 2. 상태를 유지하는 클로저 const counter = () => { let count = 0; return () => { count += 1; console.log(count); };};const increment = counter();increment(); // 출력: 1increment(); // 출력: 2increment(); // 출력: 3counter() ..

문제 후기 남겼던 부분을 기록으로 남겨보고자 글 남깁니다:) 1번. 자바 싱글톤 ... 묻는거랫는데 나는 몰라...ㅠㅠ static변수면 인스턴스끼리 공유되는 변수여서 각각의 인스턴스에서 count++하는 메서드 호출해도 같은 변수에 값이 반영되어야 했던 것 같은데 시험장에선 몰랐고,,, 그래서 틀림 ​ 2번. C언어 진법변환 해서 하는 시프트 연산 좌시프트 하는거 나왔음 151씀 ​ 3번. 아래 보기에 응집도 4가지 주고, 응집도 강한 순서대로 써라 ! 나왔다.기능 - 교환 - 시간 - 우연으로 씀 (우논시절통순기)보자마자 풀 수 있었던 단 하나의 제일 쉬웠던 문제 ​ 4번. C언어 "ABCDEFGH"라는 문자열 포인터 문제 였던걸로 기억... for문 안에서 A, H를 가리키는 변수를..

//JSX...data.map(item => ... )key에 들어가는 값이 정말 same key인지 먼저 확인!! 만약중복키가 있다면 그 부분을 수정해야 합니다. 하지만각각 유니크한 키를 쓰고 있는데도 에러가 지속된다면그럴 때는 브라우저 캐시를 삭제 합시다 !인터넷 사용기록 삭제 + 캐시 삭제 하기 React에서 Key를 왜 쓰는가? 에 대한 답은 아래의 링크에 ... 재조정 (Reconciliation) – ReactA JavaScript library for building user interfacesko.legacy.reactjs.org

next.js 14에서 진행중 문제 봉착...!"next": "14.2.4",//package-lock.json getToken()을 통해 사용자가 로그인중인지 아닌지 확인을 원했음(middleware.js)import { getToken } from 'next-auth/jwt';import { getServerSession } from 'next-auth/react';import { getSession } from 'next-auth/react';import { NextResponse } from 'next/server';export async function middleware(request) {const session = await getToken({ req: request });//const se..

아래와 같이 코드를 짰는데 버튼을 누르지 않아도 router.push('/')가 실행되어버렸다. 'use client';import { useRouter } from 'next/navigation';const DetailLink = () => { let router = useRouter(); return 버튼;};export default DetailLink; 위 코드의 문제는 onClick 핸들러에서 router.push 메서드를 직접 호출하는 방식이어서,렌더링 즉시 router.push 메서드를 바로 실행되어 버린 것이다. router.push 메서드를 함수로 감싸서 버튼 클릭 시에만 호출되도록 수정하면 된다. 'use client';import { useRouter } from 'next/nav..

이런 에러가 뜬다면... ? layout의 body 태그 안에suppressHydrationWarning={true}속성을 추가하자위 속성은 Hydration 경고를 줄이는 것이라고 합니다.(= 작은일에 경고 때리지 마소)//(Root)layoutexport const metadata = { title: 'Create Next App', description: 'Generated by create next app',};export default function RootLayout({ children }) { return ( {children} );}브라우저 확장 프로그램(예: Grammarly, ColorZilla, LanguageTool 등)이 ..

자바스크립트는 싱글 스레드(=실행 창구가 하나다)이다. 그러니까 실행은 순서대로 되겠찌? 슬프게도 Nope...그러나 웹 브라우저 (=자바스크립트 실행기) 작동방식에 의해web APIs를 통한 비동기 실행이 가능하다. 비동기실행이란? 순차실행하다가 오래걸리는 연산을 만났다고 할 때,기다렸다가 다음을 실행하는 것이 아니고, 일단 재껴두고 다음꺼 요청 넣음웹 브라우저의 비동기 작업방식 짧게 요약 : 일단 오래 걸리는거 될때까지 webAPIs로 보내서 완료되면 큐->실행스택으로 올라오게 해서 실행하고,오래걸리는거 저렇게 처리할동안 실행스택에서는 다음 코드를 실행요청 들어감= webAPIs의 기능이 그런 편 (ex. setTimeout(), setInterval() = 더짧게 요약된걸 보고싶다면 아래 그려둔 ..

불변성(Immutable) ㄴ 상태를 변경하지 않는 것 ( 상태가 변경된다는 의미는 "메모리에 할당된 값을 변경하는 모든 행위") ㄴ 불변성을 지키지 않는 예시 ) 전역변수 남용해서 어디서 값이 바뀐지 모르는 상황, 변수에 재할당, etc... ㄴ 불변성을 지키지 않을 때 함수형 프로그래밍에서 일어나는 일 : 야근, 예기치 못한 동작(에러, 실행...등), 의도치 않은 상태 변화... ㄴ 불변성을 지키는 것으로 "참조에 의한 전달"로 변경될수 있는 자료형의 변화를 쉽게 감지할수 있어 예기치못한 상황을 막을수 있음 변수는 메모리 주소를 가지고 있고, 변수의 선언은 값이 할당될 공간을 마련하는 것 (변수는 값을 저장하기 위한 공간 자체, 메모리 공간을 식별하기 위해 붙인 이름) => 변수에 값을 할당하면 "..