분류 전체보기 42

20250314

달리기 경주// 달리기 경주function solution(players, callings) { for (let name of callings) { let rating = players.indexOf(name); if (rating > 0) { [players[rating - 1], players[rating]] = [players[rating],players[rating - 1]]; } } return players;}// 아쉬운점 : 테스트 10~13 시간초과로 실패함function solution(players, callings) { let playerIndex = {}; for (let i = 0; i  간단한 식 계산하기// 긴단한 식 계산하기function s..

코딩테스트 2025.03.15

20250311

오늘도 가볍게 0단계만 풀었습니다.. n번 원소부터 , n번째 원소까지 // n번째 원소부터function solution(num_list, n) { let answer = [];function solution(num_list, n) { } return answer;}// n번째 원소까지function solution(num_list, n) { let answer = []; for (let i = 0; i  공배수// 공배수function solution(number, n, m) { if (number % n === 0 && number % m === 0) { return 1; } return 0;}// 다른 사람 풀이: 삼항 연산자function solution(number, n, ..

코딩테스트 2025.03.11

20250310

l로 만들기 : https://school.programmers.co.kr/learn/courses/30/lessons/181834function solution(myString) { var answer = ""; for (let i = 0; i myString.replace(/[a-k]/g,'l')// a부터 k까지 전역 검색을 통해 l로 변환  다른 사람 풀이를 보고 정규식 좀 다시 공부해야하나 생각이 듭니다...ㅎ 첫 번째로 나오는 음수: https://school.programmers.co.kr/learn/courses/30/lessons/181896function solution(num_list) { for (let i = 0; i  가까운 1 찾기 : https://school.prog..

코딩테스트 2025.03.10

20250307

소수 찾기: https://school.programmers.co.kr/learn/courses/30/lessons/12921// 소수 찾기// 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요.// 첫 번째 알고리즘// n까지 배열을 다 넣어 아래에서 나눠지는 것이 있다면 제거function solution(n) { let array = []; for (let i = 2; i x === num || x % num !== 0); } let answer = array.length; return answer;}// 아쉬운 점// n이 커지면 filter가 비효율적임, 시간초과 및 실패// 두 번째 알고리즘function isPrime(num) { ..

코딩테스트 2025.03.10

AWS로 Next.js 서버 배포하기 -3 (최신 Amplify로 배포 및 동적 페이지 해결)

안녕하세요... 3탄으로 돌아왔습니다. 왜냐하면 ec2로 배포를 실패했기 때문입니다. 그래서 과감하게 제목에서도 ec2 뺐습니다 ㅎ시행착오를 겪었으니, 그 내용을 작성하고, 새로운 배포 방식을 소개하려고 합니다. 시행착오1. npm run build가 안되는 문제npm run build 하면 page가 모아지면서 빌드가 되어야하는데, 무한로딩이 발생했습니다...ec2 인스턴스 연결을 해도 똑같이 무한로딩... 정말 1시간 반이나 기다려봤지만, 안됩니다... 이유는 내 생각에는 저번보다 페이지가 늘어나고 파일들이 많아지니까 용량 부족이지 않을까 싶습니다... 아직까지도 의문입니다. 그래서 인스턴스를 삭제하고 만들고 2번정도 반복했네요.. 해결로컬에서 직접 npx next build 를 한 후 out 폴더를..

회고 2025.03.04

AWS EC2로 Next.js 서버 배포하기 -2

수업 듣고 공부하느라 밀린 서버 배포하기를 마저 작성하려고 합니다! 1. 프로그램 창이 열린 것까지 저번 1 때 완료했고, login ad:라고 쓰여있는 곳에 ec2-user라고 입력합니다! 그리고 엔터 이제 순서는 node.js 설치, git 설치, Next.js 앱 빌드 및 실행, Nginx 설정, Let's Encrypt 사용 입니다.  2. node.js 설치이제는 캡처본에는 프라이빗 IPv4 주소가 나오기 때문에 코드로 알려드립니다!curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -command not found가 나오셨다면 아래를 입력해 주세요. 위 명령어가 되셨다면 아래 코드는 스킵!sudo yum install curl -y..

회고 2025.02.11

AWS의 글로벌 infrainstructure 구성 요소와 EC2 인스턴스란?

대학교에서 클라우드 컴퓨팅이라는 수업을 듣기도 했고, 배포 시에 많이 사용했던 AWS에 대한 주제를 가지고 포스팅하려고 합니다! AWS의 글로벌 인프라에는 어떤 구성 요소들이 포함이 되어있을까?AWS의 글로벌 인프라는 단순히 데이터센터의 집합이 아니라, 안정적이고 확장 가능한 서비스를 제공하기 위해 설계된 네트워크로 구성되어 있습니다. 이를 이해하려면, AWS가 제공하는 글로벌 인프라의 주요 구성 요소들을 살펴보아야 합니다. 1. 리전(Region)AWS 리전은 전 세계에 위치한 독립적인 지리적 영역입니다. 리전은 물리적으로 분리된 데이터센터 그룹으로 구성되어 있으며, 각 리전은 다른 리전과 완전히 독립적으로 운영됩니다. (기본적으로 버지니아 북부로 설정되어 있습니다.)예를 들어, 서울 리전(ap-nor..

위클리페이퍼 2024.12.22

고급 프로젝트에서 사용(도전)할 것 -1

현재 프론트엔드 팀원들이 기본적인 공부만으로는 힘들어하고 있어, 추가적인 공부를 진행하기 어렵다고 느껴집니다. 이에 따라, 개인적으로 고급 프로젝트에 적용해볼 기술들을 정리하려고 합니다. 1탄인 이유는 추가적으로 더 도전할 수 있는 것들이 있을까봐 제목으로 남겨놨습니다 ㅎ1. styled-componentsnpm install styled-componentsnpm 으로 설치 후 사용이 가능합니다. 기존 코드는 아래의 코드와 같이 별도의 파일을 분리하여 코드를 작성하였습니다.import React from 'react';import styles from './styles.module.css';const App = () => { return ( 클릭하기! );};export def..

추가공부 2024.12.19