남민우의 공부 블로그

내일배움캠프 과정의 일환으로, JS를 통한 로그라이크 텍스트 게임을 개발했다.로그라이크의 특성에 맞게 기본 조건으로 '랜덤 요소, 세이브 불가능, 턴제' 라는 세가지를 주어준다.또한 기본적으로 주어지는 스켈레톤 코드를 통해 추가 기능과 게임의 동작을 구현한다.https://github.com/Namminu/RogueLike_JS/tree/_develop 프로젝트 소개로그라이크 특성을 유지하되 추가적인 요소를 가미하기 위해 소울류 장르를 덧붙였다.따라서 여러개의 스테이지로 구성하여 이를 1. 일반 스테이지, 2. 보스 스테이지 로 나누고, 보스 스테이지에서는 오랜 시간에 걸친 전투를 진행하고자 하였다.다만 많은 게임에서 재미를 느낄 수 있는 부분은 개인적으로 '플레이어의 성장' 이라고 생각해 레벨/경험치 ..

내일배움캠프 학습/진행 프로젝트 2024. 11. 17. 22:31

문제네오와 프로도가 숫자 놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다.다음은 숫자 일부 자릿수를 영단어로 바꾸는 예시입니다.1478 => "one4seveneight"234567 => "23four5six7"10203 => "1zerotwozero3"이렇게 숫자의 일부 자릿수가 영단어로 바뀌어졌거나, 혹은 바뀌지 않고 그대로인 문자열 s가 매개변수로 주어집니다.s가 의미하는 원래 숫자를 return 하도록 solution 함수를 완성해주세요제한사항1 s가 "zero" 도는 "0" 으로 시작하는 경우는 주어지지 않습니다.return 값이 1 이상 2,000,000,000 이하의 정수가 되는 올바른 입력만 s로 주..

프로그래밍 및 언어/코딩 테스트 문제 2024. 11. 14. 11:06

문제어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다.예를 들어 "AB" 는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE" 가 됩니다. "z" sms 1akszma alfaus "a" 가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수를 완성해보세요.제한조건공백은 아무리 밀어도 공백입니다.s는 알파벳 소문자, 대문자, 공백으로만 이루어져 있습니다.s의 길이는 8000 이하입니다.n은 1이상, 25이하인 자연수입니다.풀이문자를 마치 숫자와 같이 처리하기 위해 아스키코드를 활용했다. 문자를 숫자로 : myString.charCodeAt();숫자를 문자로 : String.fromCharCode(myNum); funct..

프로그래밍 및 언어/코딩 테스트 문제 2024. 11. 13. 09:40

콜백 함수란?지난 번에 설명한 적 있듯이, 다른 코드(함수)의 인자로 들어가는 함수를 '콜백 함수' 라고 부른다.setTimeout(function() {console.log("hello");})const numbers = [1,2,3,4,5];numbers.forEach(function(number) { console.log(number);});이 코드들에서의 매개변수 자리에 위치한 function 들처럼 이러한 방식으로 사용하곤 한다.setTimeOut 과 forEach 함수들은 이 콜백 함수를 필요에 따라 호출하는, '제어권'을 넘겨받아서 동작한다.콜백 함수의 원리는 이 '제어권'을 setTimeOut, forEach 와 같은 주체에 넘겨줄테니, 각자의 로직으로 처리해라 라고 위임하는 것과 같다.여..

내일배움캠프 학습/JavaScript 2024. 11. 12. 21:28

문제명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로 길이를 조사했습니다.아래 표는 4가지 명함의 가로 길이와 세로 길이를 나타냅니다.명함 번호가로 길이세로 길이16050230703603048040가잘 긴 가로 길이와 세로 길이가 각각 80, 70 이기 때문에 80(가로) x 70(세로) 크기의 지갑을 만들면 모든 명함들을 수납할 수 있습니다. 하지만 2번 명함을 가로로 눕혀 수납한다면 80(가로) x 50(세로) 크기의 지갑으로 모든 명함들을 수납할 수 있습니다. 이때의 지갑 크기는 4000(=80x50..

프로그래밍 및 언어/코딩 테스트 문제 2024. 11. 12. 09:52

1. 나이 든 사용자가장 아래의 코드가 실행 되었을 때, “Passed ~” 가 출력되도록 getAge 함수를 채워주세요var user = { name: "john", age: 20,}var getAged = function (user, passedTime) { // 여기를 작성해 주세요!}var agedUser = getAged(user, 6);var agedUserMustBeDifferentFromUser = function (user1, user2) { if (!user2) { console.log("Failed! user2 doesn't exist!"); } else if (user1 !== user2) { console.log("Passed! If y..

내일배움캠프 학습/JavaScript 2024. 11. 8. 20:53

이번 항목에서는 'This' 의 정의, 활용 방법, 바인딩 Call/Apply/Bind 에 대해서 학습한다.먼저 이 This 란 무엇일까.This코드에서의 This 는 어떠한 객체를 가리킬 때 사용한다.C/C++ 에서 This 는 자기 자신, 클래스 등 스스로를 가리킬 때 사용되었지만 JS 에서는 그 활용이 조금 다르다.이 This 는 항상 런타임에 결정된다. 런타임이랑 코드가 돌아가는 환경으로, JS에는 1. 노드, 2. 브라우저 의 두가지 환경이 있다. 먼저 브라우저에서의 this 를 찾아보면다음과 같이 Window 를 가리키는 것을 알 수 있다.저 console.log(this) 는 특정한 함수 내부나 함수 표현식으로 구현된 코드가 아니니 전역 컨텍스트 항목이라고 볼 수 있고 그 말은 전역환경에서의..

내일배움캠프 학습/JavaScript 2024. 11. 8. 20:40

실행 컨텍스트실행할 코드들, 우리가 작성한 코드들의 환경정보들을 모아놓은 '객체' 를 말한다.이를 '콜 스택' 에 저장하여 코드의 실행 순서를 보장하는 과정을 거친다.콜 스택Call Stack 이라고 부른다. 스택(Stack)과 큐(Queue) 를 먼저 이야기하면다음과 같이 Stack 은 Last in, First Out 의 LIFO, Queue 는 First In, First Out 의 FIFO 구조를 갖고 있다.실행 컨텍스트는 이 스택의 형태로 가장 마지막에 호출된 코드가 제일 먼저 동작하는 방식이다.하위 개념으로 Scope, 변수, 객체, Hoisting 등이 있는데 먼저 구성에 대해서 살펴본다.구성먼저 함수에 집중해서 살펴보자.// ---- 1번var a = 1;function outer() { ..

내일배움캠프 학습/JavaScript 2024. 11. 7. 20:51