parkcw0325 님의 블로그

오늘 학습한 내용: Node.js 입문 1주차    1. API 와 REST API API 는 서로 다른 소프트웨어나 어플리케이션 간을 연결해주는 매개체이자 약속이라고 볼 수 있다. 정해진 규칙에 따라서 서버에 정보를 요청하는 역할을 담당한다.REST API는  URL, Headers, Method 등 네트워크 표현 수단을 사람이 봐도 이해하기 쉬운 표현으로 정의한다고 이해해야 한다. 이러한 REST API의 구성은 크게 세가지로 이루어져있는데 자원, 행위, 표현으로 이루어져있다. 2. Routing과 Router Routing은 클라이언트의 요청 조건(Http 메서드, 주소 등)에 대응해 응답(Response)하는 방식을 말한다. 여기서 말하는 Router는 클라이언트의 요청을 쉽게 처리 할 수 있게 ..

오늘 배운 내용: Node.js 입문강의 1주차  1. package 란?  Node.js에서 코드의 재사용성을 높이기 위해 작성된 독립적인 코드 조각을 "모듈" 이라고 한다. 그러면이러한 모듈을 npm 이나 yarn 과 같은 패키지 매너저를 통해 업로드 하여 다른 개발자들에게 사용할 수 있도록 공유한것을 패키지라고 합니다. 2. 패키지 매니저인 yarn ?  yarn은 npm과 같은 패키지 매니저로 2016년에 패이스북이 출시하였다. yarn은 npm의 업그레이드 된 버전이라고 볼 수 있는데, 패키지를 다운로드 하는 과정에서 해당하는 패키지의 보안 검사를 수행한다. 또한 병렬 처리로 다운로드 되어 설치속도가 npm보다 빠르다는 장점이 존재합니다.  3. Express.js 프레임워크express.js ..

마지막 금요일날 구현한 기능 여러 확률 로직들을 적용해 보았다.  연속공격 기능플레이어가 70% 확률로 공격을 두번 진행하고 30% 확률로 아무행동도 하지 않는 로직을 추가하였다.ComboAttack() {        // 70% 확률로 두 번 공격, 30% 확률로 실패        const rand = Math.random(); // 0~1 사이의 랜덤 숫자 생성         if (rand else if (choice === '2') {             const playercomboAtk = player.ComboAttack();             if (player.hp > 0) {                monster.hp -= playercomboAtk;         ..

오늘 과제에서 구현한 기능들 실시간 플레이어와 몬스터의 스테이터스 로그 출력 function displayStatus(stage, player, monster) {    console.log(chalk.magentaBright(`\n=== Current Status ===`));    console.log(        chalk.cyanBright(`| Stage: ${stage} `) +        chalk.blueBright(            `| 플레이어 HP: ${player.hp} /${player.maxHp} 플레이어 공격력: ${Math.round(player.atkPower * 10) / 10}`,        ) +        chalk.redBright(           ..

오늘 추가한 기능 도망치기 기능 구현도망치기시 한번 더 물어보는 로그 출력 y/n으로 대답가능y선택시 로비화면으로 이동 n 선택시 전투 계속진행 const battle = async (stage, player, monster) => {    console.clear;    let logs = [];     while (player.hp > 0 && monster.hp > 0) {         displayStatus(stage, player, monster);         logs.forEach((log) => console.log(log));         console.log(            chalk.green(                `\n1. 공격한다 2. 도망친다 `,..

오늘 배운 것: 스켈레톤 코드를 다운받아 이제 본격적인 텍스트 로그라이크 작업을 시작하였다. 11/18일까지 구현해야 하는 필수기능들로는  필수 구현단순 행동 패턴 2가지 구현         공격하기                  도망치기플레이어 클래스에서 플레이어 스탯 관리하기간단한 전투 로직 구현     플레이어 공격, 몬스터 피격 스테이지 클리어 시 유저 체력 회복스테이지의 진행과 비례해서 몬스터의 체력과 공격력 증가 시키기 등이 있다. 오늘 구현한 기능으로는 플레이어와 몬스터 클래스에 체력과 기본 공격력을 설정 공격 매서드를 작성class Player {    constructor() {        this.hp = 100;        this.atkPower = 20;    }     at..

배운 내용: JAVA 스크립트 2주차 내용 각종 ES6문법 1. let과 const의 특징-let은 재할당은 가능하지만, 재선언은 불가능하다 let value = "value1" console.log(value) // value1 value = "value2" // 재할당 가능 console.log(value) // value2 let value = "value3" // 재선언 불가능, SyntaxError: Identifier 'value' has already been declared -const는 재할당, 재선언이 불가능, 초기잢이 없으면 불가능 const value; // 초기값 없이 선언 불가능, SyntaxError: Missing initializer in const declaration -..

오늘 배운 내용: JavaScript 문법 종합반 1주차 자바스크립트 문법을 기초부터 배우는 과정이다. 처음에는 쉽게 이해되서 만만하게 봤다가 실습에 들어가고 마지막 숙제부분에서응용하는 과정이 개인적으로 너무 어려워서 결국 힌트를 보고 마무리할 수 있었다. 1주차 수업 내용은1JS(자바스크립트) 언어의 특징 그리고 역사부터 시작해서 기본 문법인 변수와 상수 ⚠️ 변수의 5가지 주요 개념변수 이름 : 저장된 값의 고유 이름변수 값 : 변수에 저장된 값변수 할당 : 변수에 값을 저장하는 행위변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위변수 참조 : 변수에 할당된 값을 읽어오는것 데이터 타입과 형 변환 숫자문자열불리언undefinednull객체 배열 등등 형변환 연산자 함수 등등 기본 문법이고 가장..

오늘 캠프에서 진행한 일: 팀페이지 제작 프로젝트 발표 및 CH2 강의 및 과제 발제 -완성된 PPT 표지- 1주 동안 탈이 많았던 프로젝트가 끝이났다. 시연영상 녹화와 PPT자료를 만들어 발표까지 잘 마무리하였다. 후에 KPT회고도 팀원들과 진행하였다. 자세한 내용은 블로그에 따로 작성해두었다. 그리고 CH2 발제가 되었는데 CH2 과제는 이런식의 텍스트로만 구성된 로그라이크 게임의 만드는 것이다. 처음에는 "벌써? 이런걸 내가 2주 동안 과제를 들으면 구현할 수 있다고?"같은 생각이 들었지만, 일단 기간동안 최선을 다해 수업을 듣고 진행해보려고 한다. 막히는 부분이 있다면 팀원들이나믿음직한 튜터님들도 계시기에 걱정보다는 기대를 가지고 다음주 수업에 임하려고 한다.

오늘 진행한 공부 및 프로젝트: 2일차 때 만들었던 자유게시판 수정 -버튼 효과추가-캡처라 효과가 보이지는 않지만 클릭시 클릭한 부분을 기점으로 은은한 파동이 펼쳐지는 기능을 추가하였다. -게시박스 안 작성시 시각적효과 추가-기존에는 클릭히 테두리가 변하지 않았지만, 하늘색으로 변화하고 강조되는 효과를 추가하였다. -게시글 삭제기능추가-게시글 오른쪽하단에 삭제 버튼을 추가하였다.삭제 버튼을 클릭시,이러한 팝업창이 나타나고, 팝업창에서 삭제를 클릭시,이와 같은 안내문구와 함께,오른쪽 삭제테스트용 게시글이 삭제된다. 캠프 2일차 팀원 한분의 하차로 인해 담당한 기능에 구멍이 발생하였다. 다른 팀원과 협업하여 팀소개란을 간단하게 제작하였다. 3일차 소감: 아직도 코딩은 어렵고 이해 안되는 부분이 많았다. 삭제..