전체 글 (395) 썸네일형 리스트형 [java script] Logical Assignment Operators [ ES11 (ECMAScript 2020~) ] : 논리할당연산자 &&= 연산자 (And-Assign) 좌측과 우측 변수가 모두 true 라면 좌측 변수에 우측 변수에 할당된 값을 할당합니다. let a = 5; let b = 10; // a 와 b 변수 모두가 true 라면 b 변수의 값을 a 에 할당합니다. a &&= b; // a는 b와 같은 값인 10이 됩니다. ||= 연산자 (Or-Assign) 좌측 변수가 false 인 경우에만 우측 변수의 값을 좌측 변수에 할당합니다. let a = false; let b = 10; //좌측변수 a 가 false 이므로 b의 값을 a에 할당합니다. a ||= b; // a는 b와 같은 값인 10이 됩니다. ??= 연산자 (Nullish-Assign) 좌측 변수가 null 또는 undefined 인 경우에만 좌측 변수에 우측.. [알고리즘] 퀵 정렬 알고리즘 With JS 퀵 정렬 이 알고리즘은 먼저 배열의 한 요소를 피벗(pivot)으로 선택한 후, 피벗보다 작은 요소는 모두 피벗의 왼쪽에 위치하도록, 피벗보다 큰 요소는 모두 피벗의 오른쪽에 위치하도록 배열을 분할합니다. 그 다음, 분할된 두 하위 배열을 각각 재귀적으로 퀵 정렬을 수행하여 정렬을 완료합니다. 이 알고리즘의 핵심 아이디어는 분할(Divide) 단계에서 피벗을 기준으로 배열을 분할하여 정복(Conquer) 단계에서 각 하위 배열을 정렬하는 것입니다. 이 과정을 반복하여 분할된 배열이 더 이상 분할되지 않을 때까지 정렬을 수행합니다. 피벗 요소를 기준으로 해당 요소보다 작은 요소는 좌측으로, 큰 요소를 우측으로 분할하여, 배열을 분할한다. 그 후 분할 된 배열 내에서 재귀적 퀵 정렬(퀵 정렬 함수를 다시 호.. [react] onLoad(), 이미지가 서버로 부터 받아와 졌는지 확인 후 분기 처리 이미지가 성공적으로 로드되면 onLoad 이벤트 핸들러를 호출하여 isImageLoaded 값을 true로 업데이트합니다. 그리고 isImageLoaded 값에 따라 해당 상태를 표시하는 조건부 렌더링을 수행합니다. 따라서, 이 코드에서는 이미지가 로드되면 "Image loaded successfully!"라는 메시지가 나타나고, 그렇지 않은 경우, "Image is still loading..." 메시지가 표시됩니다. import React, { useState } from 'react'; function Component() { const [isImageLoaded, setIsImageLoaded] = useState(false); const handleImageLoad = () => { setIsI.. [테스팅 라이브러리 ] 테스트 시 참고 용도 사이트 링크 저장 https://testing-library.com/docs/queries/about/ About Queries | Testing Library Overview testing-library.com https://testing-library.com/docs/react-testing-library/cheatsheet/ Cheatsheet | Testing Library Get the printable cheat sheet testing-library.com https://testing-library.com/docs/queries/about/#priority About Queries | Testing Library Overview testing-library.com [node.js] express.json() 간략 정리 express.json() 보통 app.use(express.json()) 형태로 쓰이는 미들웨어는 Express 애플리케이션에서 JSON 형태의 요청(request) body를 파싱(parse)하기 위해 사용되는 미들웨어(middleware)입니다. 따라서, Express 애플리케이션에서 JSON 형태의 요청 body를 받아야 한다면 이 코드를 사용해야 합니다.(사용하지 않을 경우 인간이 알기 어려운 용어로 전달되거나 예기치 못한 에러가 발생할 수 있습니다.) 예를 들어, 클라이언트에서 서버로 JSON 형태의 데이터를 전송할 때, Content-Type 헤더를 application/json으로 설정하고 요청 body에 JSON 데이터를 포함하여 전송합니다. 이때, app.use(express.json(.. [JS] 카멜표기법으로 표기된 문자열에 공백을 추가하는 2가지 방법 포스트 목적 문자열 사이에 공백을 추가해야 하는 상황이 발생하였는데, 이에 방법을 찾아보고 이를 나중에 다시 확인하기 쉽도록 정리한 포스트입니다. 문자열에 공백을 추가한다는 것은.. 예를 들어, 카멜표기법으로 표기된 문자열에 공백을 추가하여 출력해야 하는 상황에서 활용할 수 있습니다. 즉, 다음과 같이 카멜표기법으로 할당되어 있는 문자열이 있다면, const string = "RedColor" 아래와 같이 대문자 사이에 공백을 추가하여 출력할 필요가 있는 상황에서 사용할 수 있습니다. Red Color 방법1) 정규표현식 사용 첫 번째 방법은 정규표현식을 사용하는 것입니다. 정규표현식은 적은 코드수로 효율적인 문자열 처리가 가능하기 때문에 긴 문자열을 처리해야 하는 상황에서 일반적인 문자열 메서드를 사용.. [node.js] morgan "HTTP 요청과 응답에 관련한 정보를 기록하는 미들웨어" morgan Node.js 웹 애플리케이션에서 * HTTP 요청 로깅을 위한 로깅 미들웨어 패키지입니다. 이 패키지는 HTTP 요청의 상태 코드, 응답 시간, 요청 메소드, 요청 URL, 요청 바디 등을 기록할 수 있습니다. 즉, 클라이언트 측과 서버 측 사이에서 HTTP 요청과 응답 사이에 발생하는 정보들을 기록해주는 미들웨어 입니다. Morgan 패키지는 사용하기 쉽고 유연합니다. 기본적으로 콘솔에 로그를 출력하지만, 파일에 로그를 저장하거나 로그를 다른 곳으로 전송하는 등 로깅을 다양한 방식으로 구성할 수 있습니다. 또한 로그 포맷을 구성할 수 있어서, 개발자가 원하는 대로 로그를 출력할 수 있습니다. Morgan 패키지는 Node.js의 Express 프레임워크와 함께 많이 사용됩니다. Expre.. [node.js] node.js 에서 express서버를 구축할 때 포트 지정 시 process.env.PORT 를 사용하는 이유 node.js 에서 일반적으로 포트를 개설할 때 아래 두 가지 방식 중에 하나를 사용합니다. 일반적으로 아래 예시 중 전자의 방식을 자주 사용하는데, 전자 보다는 후자의 방식을 사용하는 것이 더욱 안전합니다. // 포트번호를 직접 지정한 경우 const port = 3000 app.listen(port,()=>{ console.log(port +'포트로 대기중 입니다.') }) ---------------------------------------- //process.env.URL 를 사용한 경우 const port = process.env.URL || 3000; app.listen(port,()=>{ console.log(port +'포트로 대기중 입니다.') }) 일단, 전자의 방식을 사용하는 것을 .. 이전 1 ··· 28 29 30 31 32 33 34 ··· 50 다음