profile
나를 위한 참고용 기록

[프로그래머스] 크레인 인형뽑기 게임

문제 설명게임개발자인 "죠르디"는 크레인 인형뽑기 기계를 모바일 게임으로 만들려고 합니다."죠르디"는 게임의 재미를 높이기 위해 화면 구성과 규칙을 다음과 같이 게임 로직에 반영하려고 합니다.게임 화면은 "1 x 1" 크기의 칸들로 이루어진 "N x N" 크기의 정사각

어제
·
0개의 댓글
·

[웹성능 최적화] Lazy loading, preload

화면에서 쿨락헌 순간 모달에 관련된 파일들을 불러오고 모달에 관련된 파일들이 모두 불러와지면 Javascript를 Evaluate하고 모달이 뜨도록 코드를 실행하고 모달이 오픈된다.즉 최초 로딩 시점에서는 페이지 로딩이 빨라졌지만 모달을 띄울때는 오히려 성능이 더 느려

어제
·
0개의 댓글
·

[웹성능 최적화] Text Compression

(이미지)서버로부터 리소스를 받을때 텍스트 압축을 해서 받아라! 라는 의미의 항목입니다.웹 페이지를 로드 할때는 그에 필요한 리소스 들도 같이 다운로드 받습니다. 대표적으로 HTML, JS, CSS 와 같은 텍스트들로 이루어진 리소스들이 있는데요.이 리소스들의 사이즈

2023년 9월 16일
·
0개의 댓글
·

진법변환

10진수에서 n진수로 변환하는 방법( toString()) 10진수에서 n진수로 변환하는 방법(parseInt()) `

2023년 9월 15일
·
0개의 댓글
·

[웹성능 최적화] Code Splitting & Lazy Loading

지금 화면은 프로파일링 탭으로 상단 타임라인을 초점으로 보여 주고 있다.내용을 보면 0.chunk.js 파일의 다운로드가 길게 실행되고 있는 것을 볼 수 있다.다운로드가 길어지면 길어지는데로 다음 단계 작업들이 그만큼 뒤로 밀려 나기 때문에 서비스의 로드 타임을 단축

2023년 9월 12일
·
0개의 댓글
·

[웹성능 최적화] 자바스크립트 코드 병목현상 최적화

사진을 보면 자바스크립트 로딩 속도가 느리다는 내용의 커멘트가 많다. 하지만 정작 어떤 코드때문에 로딩이 오래 걸렸는지에 대해서는 정확한 내용은 알수 없다.이럴때 필요한 것이 크롬 브라우저의 퍼포먼스 탭이다.가장 상단은 현재 실행 중인 웹 서비스 페이지의 어떤 타입의

2023년 9월 11일
·
0개의 댓글
·

[웹성능 최적화] 이미지 사이즈 최적화

CDN(Contents Delivery Network)을 사용한다.물리적 거리의 한계를 극복하기 위해 사용자와 가까운 곳에 컨텐츠 서버를 두는 기술한국에 있는 사용자가 미국에 있는 서버의 이미지를 다운로드 받을때 이 사이에는 매우 큰 물리적 거리가 있기 때문에 다운로

2023년 9월 10일
·
0개의 댓글
·

[프로그래머스] 삼총사

문제 설명한국중학교에 다니는 학생들은 각자 정수 번호를 갖고 있습니다. 이 학교 학생 3명의 정수 번호를 더했을 때 0이 되면 3명의 학생은 삼총사라고 합니다. 예를 들어, 5명의 학생이 있고, 각각의 정수 번호가 순서대로 -2, 3, 0, 2, -5일 때, 첫 번째,

2023년 9월 8일
·
0개의 댓글
·

[프로그래머스] 숫자 문자열과 영단어(RegExp, replace사용)

문제 설명네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다.다음은 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다.1478 → "one4seveneight"23

2023년 9월 8일
·
0개의 댓글
·

레이어드 아키텍처 패턴

레이어드 아키텍처 패턴는 프로젝트 내부에서 어떻게 코드를 관리할 것인가에 대한 내용이다.레이어드 아키택처(Layered Architecture)패턴은 애플리케이션을 구성하는 요소들을 수평으로 나눠 관리하는 것이다.컨트롤러는 클라이언트로부터 요청을 받는다. 컨트참고htt

2023년 9월 7일
·
0개의 댓글
·

@ResponseEntity

@ResponseEntity는 HTTP 응답의 바디뿐만 아니라 여러 다른 매개변수들, 예를 들어 status나 header를 조작하고 싶을때 사용한다.

2023년 9월 7일
·
0개의 댓글
·

[프로그래머스] 숫자 짝꿍

문제 설명두 정수 X, Y의 임의의 자리에서 공통으로 나타나는 정수 k(0 ≤ k ≤ 9)들을 이용하여 만들 수 있는 가장 큰 정수를 두 수의 짝꿍이라 합니다(단, 공통으로 나타나는 정수 중 서로 짝지을 수 있는 숫자만 사용합니다). X, Y의 짝꿍이 존재하지 않으면,

2023년 9월 5일
·
0개의 댓글
·

[프로그래머스] 옹알이 (2)

문제 설명머쓱이는 태어난 지 11개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음과 네 가지 발음을 조합해서 만들 수 있는 발음밖에 하지 못하고 연속해서 같은 발음을 하는 것을 어려워합니다. 문자열 배열 babbl

2023년 8월 24일
·
0개의 댓글
·

[프로그래머스] 햄버거 만들기 (stack)

문제 설명햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게 됩

2023년 8월 24일
·
0개의 댓글
·

[프로그래머스] 푸드 파이트 대회 (repeat 사용)

문제 설명수웅이는 매달 주어진 음식을 빨리 먹는 푸드 파이트 대회를 개최합니다. 이 대회에서 선수들은 1대 1로 대결하며, 매 대결마다 음식의 종류와 양이 바뀝니다. 대결은 준비된 음식들을 일렬로 배치한 뒤, 한 선수는 제일 왼쪽에 있는 음식부터 오른쪽으로, 다른 선수

2023년 8월 23일
·
0개의 댓글
·

[프로그래머스] 과일장수

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

2023년 8월 23일
·
0개의 댓글
·

[프로그래머스] 기사단원의 무기

문제 설명숫자나라 기사단의 각 기사에게는 1번부터 number까지 번호가 지정되어 있습니다. 기사들은 무기점에서 무기를 구매하려고 합니다.각 기사는 자신의 기사 번호의 약수 개수에 해당하는 공격력을 가진 무기를 구매하려 합니다. 단, 이웃나라와의 협약에 의해 공격력의

2023년 8월 23일
·
0개의 댓글
·

[프로그래머스] 둘만의 암호

문제 설명두 문자열 s와 skip, 그리고 자연수 index가 주어질 때, 다음 규칙에 따라 문자열을 만들려 합니다. 암호의 규칙은 다음과 같습니다.문자열 s의 각 알파벳을 index만큼 뒤의 알파벳으로 바꿔줍니다.index만큼의 뒤의 알파벳이 z를 넘어갈 경우 다시

2023년 8월 20일
·
0개의 댓글
·

[프로그래머스] 대충 만든 자판

문제 설명 휴대폰의 자판은 컴퓨터 키보드 자판과는 다르게 하나의 키에 여러 개의 문자가 할당될 수 있습니다. 키 하나에 여러 문자가 할당된 경우, 동일한 키를 연속해서 빠르게 누르면 할당된 순서대로 문자가 바뀝니다. 예를 들어, 1번 키에 "A", "B", "C"

2023년 8월 18일
·
0개의 댓글
·

[프로그래머스] 공원 산책

문제 설명지나다니는 길을 'O', 장애물을 'X'로 나타낸 직사각형 격자 모양의 공원에서 로봇 강아지가 산책을 하려합니다. 산책은 로봇 강아지에 미리 입력된 명령에 따라 진행하며, 명령은 다음과 같은 형식으로 주어집니다."방향 거리", "방향 거리" … 예를 들어 "E

2023년 8월 8일
·
0개의 댓글
·