본문 바로가기

전체 글

자료구조 면접질문 자료구조 자료구조는 데이터를 / 원하는 규칙이나 목적에 맞게/ 저장한 구조이고, 알고리즘이란 자료구조에 쌓인 데이터를 활용해 / 어떠한 문제를 해결하기 위한 / 여러 동작들의 모임입니다. * 선형 구조 : 리스트, 스택, 큐 - 자료를 표현 및 저장하는 방식이 선형(linear)이다. 즉 데이터를 선의 형태로 나란히 혹은 일렬로 저장하는 방식이다. * 비선형 구조 : 트리, 그래프 - 비선형 구조는 데이터를 나란히 저장하지 않는 구조 이다. 리스트 * 순서를 가진 데이터의 집합을 가리키는 추상자료형 순차 리스트 : 배열을 기반으로 구현된 리스트 , 원소 물리적 저장 순서 == 원소 논리적 순서 장점 * 데이터의 참조가 쉽다.(인덱스 값을 기준으로 어디든 한번에 참조 가능하다) 단점 * 배열의 길이가 초기.. 더보기
jwt , 세션인증 비교 Jwt // 세션 인증 차이점 두 방식의 가장 큰 차이점은 jwt는 서버에 인증 정보를 저장하지 않는다는 점입니다. 그렇기 대문에 클라이언트의 요청마다 인증을 위해 DB를 탐색하는 과정이 필요하지 않고, 저장 공간도 필요하지 않습니다. Jwt(토큰기반 인증) 세션 기반 인증이 인증 정보를 서버에 저장하는 방식이라면, 토큰 기반 인증은 인증 정보를 클라이언트가 직접 들고 있는 방식이다. 이때 인증 정보가 토큰의 형태로 브라우저의 로컬 스토리지(혹은 쿠키)에 저장된다. 토큰 기반 인증에서는 사용자가 가지고 있는 토큰을 HTTP 의 Authorization 헤더에 실어 보낸다. 이 헤더를 수신한 서버는 토큰이 위변조 되었거나, 만료 시각이 지나지 않은지 확인한 이후 토큰에 담겨있는 사용자 인증 정보를 확인해 .. 더보기
Tailwind 전체 마이페이지 혜택 더보기
프로그래머스 바탕화면정리 자바스크립트(js) 풀이 https://school.programmers.co.kr/learn/courses/30/lessons/161990 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(wallpaper) { let pos = [] let answer =[] wallpaper.forEach((paper,index)=> { for(let i = 0 ; i { return a[1]-b[1] }) .. 더보기
리액트: 데이터 업데이트시 얕은 복사를 쓰는 이유 성능 및 메모리 관리 측면에서 유리! 얕은 복사는 객체나 배열을 복사할 때 해당 객체나 배열의 참조만을 복사하므로 복사된 객체와 원본 객체는 동일한 참조를 공유합니다. ==> 복사된 객체를 수정하면 원본 객체도 영향을 받음 얕은 복사의 주요 장점 1. 성능개선: 깊은 복사는 복잡한 객체나 중첩된 구조의 데이터를 복사할 때 시간이 오래 걸릴 수 있다. 얕은 복사는 객체의 참조만 복사하므로 간단하고 빠르게 수행됩니다. 2. 메모리 절약: 깊은 복사는 복사된 객체와 원본 객체가 완전히 분리되어 메모리를 더 사용한다. 얕은 복사는 참조만 복사해서 메모리를 덜 사용한다. 3.유연성: 얕은 복사를 사용하면 복사된 객체와 원본 객체가 연결되어 있기 때문에 한 쪽을 수정하면 다른 쪽도 반영됩니다. => 실시간으로 원본.. 더보기
리액트에서 useQuery를 사용하는 이유 & 예시 React에서 useQuery는 React Query 라이브러리에서 제공하는 custom hook 중 하나로, API 데이터를 가져오는데 유용하게 사용됩니다. import { useQuery } from 'react-query'; import axios from 'axios'; function Users() { const { isLoading, error, data } = useQuery('users', () => axios.get('https://jsonplaceholder.typicode.com/users') ); if (isLoading) return 'Loading...'; if (error) return `An error has occurred: ${error.message}`; return (.. 더보기
자바스크립트: 시간을 초단위로 바꾸는 법 chat gpt에게 물어보았다! 더보기
리액트로 json server 만들기 1. JSON Server 설치 npm install -g json-server 2. 데이터 파일 작성 data 폴더 생성후 db.json파일을 만들어 그 안에 채우기 ex: { "users": [ { "id": 1, "name": "John Doe", "email": "johndoe@example.com" }, { "id": 2, "name": "Jane Smith", "email": "janesmith@example.com" } ] } 3. json server 실행 json-server --watch data/db.json \{^_^}/ hi! 요고 보이면 성공 http://localhost:3000으로 이동하여 API에 액세스할 수 있습니다. 더보기