카카오톡 게임별의 하반기 신규 서비스로 다트 게임을 출시하기로 했다. 다트 게임은 다트판에 다트를 세 차례 던져 그 점수의 합계로 실력을 겨루는 게임으로, 모두가 간단히 즐길 수 있다.갓 입사한 무지는 코딩 실력을 인정받아 게임의 핵심 부분인 점수 계산 로직을 맡게 되

실패율슈퍼 게임 개발자 오렐리는 큰 고민에 빠졌다. 그녀가 만든 프랜즈 오천성이 대성공을 거뒀지만, 요즘 신규 사용자의 수가 급감한 것이다. 원인은 신규 사용자와 기존 사용자 사이에 스테이지 차이가 너무 큰 것이 문제였다.이 문제를 어떻게 할까 고민 한 그녀는 동적으로

문제풀이 30분리팩토링 30분결과적으로 최초의 코드의 처리속도 대비 0.03초 끌어올렸으며, 메모리 사용에 있어서도 0.3MB를 덜 사용하도록 처리하였다.

이번 글에서는 타입스크립트 리액트에서 Css in TS를 통해 동적으로 스타일을 제어하는 방법에 대해서 정리하며, 직면했던 한 가지 문제를 소개하고자 한다.

CSS #3 3D-Card 만들기 - perspective, @keyframes 등을 활용하여 3D-Card를 만들어보자.

이번에는 나만의 블로그를 만드는 프로젝트를 진행하려 하며, 관련된 글을 조금씩 이곳에 기록하고자 한다.

과일장수과일 장수가 사과 상자를 포장하고 있습니다. 사과는 상태에 따라 1점부터 k점까지의 점수로 분류하며, k점이 최상품의 사과이고 1점이 최하품의 사과입니다. 사과 한 상자의 가격은 다음과 같이 결정됩니다.한 상자에 사과를 m개씩 담아 포장합니다. 상자에 담긴 사과

TypeScript는 JavaScript에 대한 상위 집합 언어로 JavaScript의 단점을 보완하고 개선하기 위해 개발된 컴파일러 언어이다. TypeScript는 JavaScript의 모든 기능과 구문을 포함하면서 추가적으로 정적 타입 체크와 클래스 기반 객체 지향

ChatGPT의 정리에 따르면, this는 실행 컨텍스트에서 현재 객체를 참조하는 특별한 키워드이다. this는 참조하는 객체 내에 정의된 변수나 함수를 가리킨다. 객체 지향 프로그래밍에서 객체는 속성과 동작을 가지는데, 이러한 속성과 동작에 대해서 멤버(Member)

강의를 다시 들으면서, 렉시컬스코프, 실행컨텍스트, 호이스팅, 클로저에 대해서 공부하였다. 그런데 기존에도 알고 있었지만, 내가 알고 있는 부분이 아는 것이 아니었음을 확인하게 되었다.

추억 점수name: 이름 배열 ("may", "kein", "kain", "radi")yearning: 추억점수 배열 (5, 10, 1, 3)photo: 2차원 배열 (\[..., ..., ...])name과 yearning은 각 사람에 대한 추억점수를 답은 배열이다.

가장 가까운 같은 글자매개변수로 : "banana" 가 들어온다고 하자string을 쪼개어, 배열에 처음있는 알파벳은 -1을, 중복되는 알파벳은 가장 가까운 같은 글자와의 거리를 구하는 문제이다. map 함수와 삼항조건문을 통하여 처음등장하는 알파벳에 대한 처리는 풀이

가장 큰 이유는 가상DOM을 채택함에서 오는 이점들 때문일 것이다. 첫째로, 가상 DOM은 리액트의 성능을 향상시키는 데 도움을 준다. 가상 DOM은 실제 DOM과 동기화되는 작업을 최소화하여 성능을 최적화한다. 변경된 부분만을 감지하고 업데이트하기 때문에, 필요한 부

REST API(표현상태전의) Representational State Transfer REST API는 웹서비스를 위한 아키텍처 스타일 가운데 하나다. 웹서비스를 이해하기 전에 아키텍처 스타일이란 말을 먼저 정의할 필요가 있어보인다. 아키텍처라는 단어가 건축에서 건

배열의 중복값을 제거하는 방법 3가지와 시간복잡도의 효율에서 가장 우수한 Set 데이터 구조를 활용해 보자.

forEach, slice 메서드 활용

프로그래머스 문자열 내 마음대로 정렬하기아래와 같이 매개변수가 주어지고, 주어진 내용을 다음과 같이 출력하고 싶다. 즉 n번지에 위한 내용으로 정렬하면서, abce, abcd의 경우와 같이 n번지가 동일할 때, 순서대로 정렬하는 것이 표함이다."sun", "bed",

\[백준 세준이는 양수와 +, -, 그리고 괄호를 가지고 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다. 그리고 나서 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다. 괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오.숫자

리액트 개발에 있어서, 임시서버를 구축하는 방법은 여러가지가 있다. 그 중에 하나가 json-server이고, 다른 하나로 MSW가 있다.

JS를 컴파일 단계에서 에러를 검증하자!! 본격 TS 공부기