열정 실천

저번 글에서는 요즘 자바스크립트보다는 타입스크립트를 왜 선호하는지에 대해서, JS와 TS의 차이에 대해서 알아보았다.https://guun-oni.tistory.com/142 [TypeScript] 요즘 다들 타입스크립트를 사용하는 이유Typescript란?마이크로소프트(Microsoft)에서 개발한 오픈 소스 프로그래밍 언어로, 자바스크립트(JavaScript)를 확장한 언어이다.  Typescript는 Javascript에 정적 타입 검사(static typing)가 추가된 것이다.  guun-oni.tistory.com  이번엔 타입스크립트의 기본 타입에 대해서 알아보자!  1. 기본 타입 :: 숫자, 문자열, 논리, 배열 기본 타입들을 자바스크립트에서는 이렇게 선언했었다. let name = ' ..

알고리즘을 문제를 풀다보면 다양한 풀이방식이 존재하는데 그 풀이 방식을 알고리즘 패러다임이라고 한다. 각 패러다임은 특정 유형의 문제를 해결하는 데 특화되어 있으며, 알고리즘을 더 효율적으로 구현하는 데 도움을 준다. 주요 알고리즘 패러다임에 대해서 알아보자!  Brute Force 무차별 대입어떤 문제에 대해서 가능한 모든 경우의 수를 시도하는 단순한 방법  직관적이고 답을 확실하게 알 수 있다. BUT 인풋이 큰 경우에는 매우 비효율적이다.   ▶️ 완전 탐색, 순열/조합 문제    Backtracking 백트래킹문제를 해결하기 위해 모든 가능한 경우의 수를 탐색하되, 해답이 될 가능성이 없는 경로는 탐색을 중단하고 이전 단계로 돌아가 다른 경로를 탐색하는 방법  ▶️ N-Queen 문제, 미로 탐색..

처음엔 그냥 생각나는대로 이중포문써서 다 더해보고 제일 작은거 찾기 했더니 역시나 시간초과,,ㅎㅎ오늘 만난 친구가 코테를 다 풀었는데도 싸피를 떨어졌다고 하는거보니 문제를 맞혀도 시간이 짧게, 공간 낭비가 적은 코드를 작성하는게 중요한 것 같다.  해결법은 투 포인터!!!! 이중 for 문은 어떻게 해서든지 복잡도가 최소 N^2이다.하지만 투 포인터를 쓰면 복잡도가 O(N)으로 시간 효율이 아주 크게 작동한다.  투포인터를 이용해서 작성해보았다. 자꾸 out of index 오류가 나서 생각해보니 end pointer가 배열의 마지막 인덱스에 있을 때 1을 더하고 나서 배열을 접근해서 그런거였다. 그래서 마지막 인덱스일때는 스킵하도록 코드 두 줄 추가...! (효율적인 방법인지는 모르겠다,,,) clas..

json-server 는 간단한 RESTful API를 빠르게 구축하기 위한 도구로 주로 프론트엔드 개발 중 백엔드 없이 빠르게 데이터 API를 구현할 때 사용한다.   1. json-server 라이브러리를 설치한다. npm install json-server  2. src폴더 안에 새로운 폴더를 만들고 db.json 파일을 생성한다.   3. db.json 파일에 원하는 데이터를 넣어준다. { "user": { "baby" : { "babyName" : "딩글이", "birthDate" : "2000-06-14" }, "parentContacts" : { "momPhoneNum..

클라이언트 상태(Client State)란?서버와 독립적인 데이터로, UI 동작이나 사용자 입력에 의해 생성 및 관리다.컴포넌트 간 데이터 공유, 사용자 인터페이스 상태(모달 열림/닫힘, 폼 입력 값 등)에 주로 사용된다.React 내장 기능으로는 { useState, useReducer, useContext } 등이 있다. 클라이언트 상태 관리 라이브러리는 Redux, Zustand, Recoil 등이 있다. 서버 상태(Server State)란?서버에서 제공된 데이터로, 클라이언트에서 이를 받아 관리한다. API를 통해 서버 데이터를 가져오고, 캐싱, 동기화, 에러 처리 등의 작업이 필요하다.React 내장 기능으로는 { useEttect, fetch, axios } 등이 있다. 서버 상태 관리 라이..

Typescript란?마이크로소프트(Microsoft)에서 개발한 오픈 소스 프로그래밍 언어로, 자바스크립트(JavaScript)를 확장한 언어이다.  Typescript는 Javascript에 정적 타입 검사(static typing)가 추가된 것이다.  우리가 사용하던 Javascript의 가장 큰 특징은 상황에 맞게 타입이 변하는 동적 타입(Dynamic Typing)언어라는 것이다. let과 var를 사용하여 타입을 명시하지 않고 선언된 변수는 상황에 맞게 타입이 바뀐다.  이러한 유연함은🙂 작은 프로젝트나 빠르게 변화하는 요구사항을 가진 프로젝트에서는 장점이 되겠지만, 🤔 안정성과 유지보수성이 중요한 대규모 프로젝트에서는 단점이 된다.  이를 해결하기 위한 새로운 언어인 Typescript는..