이번에 알고리즘 문제를 풀다가, 올림 같은 수학 연산을 하고 싶을 때 어떻게 해야할지 고민을 하다가, 도저히 해결을 못해서 검색을 통해 알게 된 Math 객체를 정리해보려고 한다. 1. Math 객체란?Math 객체는 JavaScript에서 기본 제공하는 수학 연산을 수행하는 내장 객체입니다. 숫자의 절댓값, 올림/내림, 랜덤 값 생성 등 다양한 기능을 제공합니다. 2. 자주 사용하는 Math 메서드 정리메서드설명Math.abs(x)절댓값 반환Math.ceil(x)올림 (소수점 올림)Math.floor(x)내림 (소수점 버림)Math.round(x)반올림Math.max(a, b, c, ....)최댓값 반환Math.min(a, b, c, ....)최솟값 반환Math.pow(x, y)거듭제곱(x^y) // ..

회고록에 작성했듯이, 오늘부터 매일 백준이나 프로그래머스 문제를 풀고 깃허브에 올리려고 한다.하지만 한 문제를 풀때마다 새로 작성해서 커밋을 하게 된다면 굉장히 귀찮을 수 있는데, 이럴때 사용하기 좋은 크롬 확장 프로그램이 있어서 소개하려고 한다. 1. 크롬 웹 스토어에서 크롬 확장 프로그램 설치하기크롬 웹 스토어에서 '백준 허브'를 검색하고 설치까지 완료한다. 2. 깃허브 연동하기  확장프로그램을 눌러, 핀으로 고정시킨 뒤 아이콘을 누르면 깃허브와 연동할 수 있다 !Authenticate 버튼을 눌러 깃허브와 연동한다.  여기서 본인에게 맞는 옵션을 선택하면 되는데, 나는 이미 진행중이던 레포지토리가 있어서 레포지토리 이름을 입력한 후 연결했다. 3. 문제 풀고 자동 커밋 확인하기나는 프로그래머스를 활..

웹 포트폴리오 제작 후기MZ 사전 프로젝트를 마친 이후로, 웹 포트폴리오를 제작하게 되었습니다.개발을 진행하면서 Next.js와 TypeScript의 필요성을 느껴 학습과 개발을 병행했고, 완벽하다고 할 수는 없지만 나름 성공적으로 마무리했다고 생각합니다.👉 웹 포트폴리오 링크:My Website My Website© 2025 MyWebsite. All Rights Reserved.port-next-webportfolio-front-m61t9knhb5c1f236.sel4.cloudtype.app이곳에서 제 웹 포트폴리오를 만나보실 수 있습니다 ! 그리고 프로젝트 마치고 난 뒤 이제 후기를 작성해 볼게요. 1. TypeScript & Next.js & Tailwind CSS이번 프로젝트를 통해 TypeS..

모던 자바스크립트 정리를 하다가 var, let, const의 차이점을 한번 정리하고 가면 좋을 것 같아서 따로 빼서 글을 써보려고 해요. 우선은, 블록 스코프(Block Scope)와 함수 스코프(Function Scope), 그리고 호이스팅에 대해서 개념을 알면 var, let, const의 차이점에 대해서 이해하는데 훨씬 도움이 될 것 같아요. 블록스코프와 함수 스코프변수에는 접근할 수 있는 범위(스코프)가 정해져 있어요. 1. 블록 스코프(Block Scope){ } 중괄호로 감싸진 범위를 벗어나면 변수에 접근할 수 없어요.let과 const는 블록 스코프를 따라요.하지만 const는 선언과 동시에 값을 할당해야하며, 이후 값 변경이 불가능해요.if (true) { let a = 10; ..

3장의 내용은 JavaScript를 사용하기 위해 어떻게 해야하는지에 대한 내용이라, 4장인 변수에 대해서 한번 정리해 볼게요.변수란?변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 공간을 식별하기 위한 이름이에요. 쉽게 말해, 값이 저장된 위치를 가리키는 상징적인 이름이에요. 변수를 사용하면 개발자가 직접 메모리 주소를 다룰 필요 없이 안전하게 값을 저장하고 참조할 수 있어요.var result = 10 + 20; 위 코드에서 result가 변수 이름이에요. 변수에 값을 저장하는 것을 할당, 변수를 통해 값을 불러오는 것을 참조라고 해요. 식별자변수 이름을 식별자라고도 해요. 식별자는 메모리에 저장된 값을 구별하는 고유한 이름이에요. 단순히 변수뿐만 아니라 함수, 클래스 등의 이름도..

자바스크립트란 무엇인가?오늘은 자바스크립트가 무엇인지에 대한 내용인 2장을 정리해보도록 할게요.2-1) 자바스크립트의 탄생1995년, 넷스케이프 커뮤니케이션즈는 웹 브라우저에서 동작하는 경량 프로그래밍 언어가 필요해 자바스크립트를 개발했어요. 브렌던 아이크가 만든 이 언어는 1996년 넷스케이프 내비게이터에 탑재되었고, 처음에는 "모카"로 불리다 "라이브스크립트"와 "자바스크립트"로 이름이 바뀌었어요. 그러나 자바스크립트의 성공은 순탄치 않았고, 이후 마이크로소프트가 만든 JScript가 등장하며 경쟁이 치열해졌어요.2-2) 자바스크립트의 표준화마이크로소프트의 JScript와 넷스케이프의 자바스크립트는 호환성 문제를 일으켰고, 이는 크로스 브라우징 문제를 낳았어요. 이를 해결하기 위해 1996년 ECMA..

미루고 미뤄왔던 모던스크립트 Deep Dive 정리를 해보도록 하겠습니다.이번에 면접을 몇 군데 보면서 CS 지식 혹은 제가 다루고 있는 언어의 개념들이 정말 중요하다고 느꼈어요.구현에만 초점을 맞추고 학습한 것 같아서, 조금은 개념적인 부분을 공부하기 위해 미뤄뒀던 공부를 해보려고 합니다.1-1) 프로그래밍이란?프로그래밍은 컴퓨터에게 실행을 요구하는 커뮤니케이션이라고 할 수 있습니다.만약에 우리가 어떠한 문제를 해결하고 싶다면, 먼저 요구사항을 명확히 정의해서 전달해 주는 것이 좋겠죠? 프로그래밍 = 문제 해결을 코드로 표현하는 과정 컴퓨터는 사람처럼 직관적으로 이해하지 못하기 때문에, 논리적으로 문제를 분해하고, 패턴을 추출하고, 평가가 가능한 형태로 변환해주어야 합니다. 이를 컴퓨팅 사고라고 합니다..

1. 배포된 URL이번에는 githubio를 사용해서 배포를 진행했습니다.https://harang-dev.github.io/Poke-Dict.io/ Poke-Dict harang-dev.github.io클라우드 타입과 다르게 따로 건들지 않아도 24시간 동작합니다 ㅎㅎ2. 어려웠던 점 & 아쉬웠던 점이전에는 useInfiniteQuery를 사용해서 무한스크롤만 구현했었습니다.이번에는 포켓몬의 상세한 정보까지도 알기 쉽게 하고 싶었는데, 처음에 제가 요청한 엔드포인트에서는 한글로 반환을 해주지 않았습니다.그래서 구글링 및 여러 가지 엔드포인트를 건드리다 보니 어떤 조건의 맞는 값을 반환하는 코드를 작성할 수 있었습니다.const koreanNameObj = (await axios.get(`${API}/p..