news0516 님의 블로그

Rogue like JAVASCRIPT! 과제 기본 개발환경 세팅 후 필수 기능 구현1. 플레이어 클래스 적용 사항class Player { constructor(stage) { this.hp = 100; // 플레이어 HP this.p_strong = 10; // 플레이어 기본 공격력 } // 어택메소드 안에서 기능할수있도록 배개변수 추가 attack(monster, logs) { let min = this.p_strong; let max = min + 10; let p_damage = Math.floor(Math.random() * (max - min)) + min; // 10~20의 데미지중 랜덤 적용 logs.push(`플레이어가 몬스터에게 ${p_damag..

오늘 배운 내용.1. 콜백 함수의 this 바인딩 개념:this는 호출하는 방식에 따라 다르게 결정된다.객체의 메서드로 호출되면 해당 객체를 가리키지만, 일반 함수로 호출되면 전역 객체를 참조한다.bind() 메서드를 사용하여 원하는 컨텍스트를 설정할 수 있다.2. Promise:콜백 지옥을 피하기 위해 Promise를 사용한다.async 함수는 항상 Promise를 반환하며, await 키워드는 Promise가 해결될 때까지 기다린다.3. DOM 및 클래스:DOM은 HTML 및 XML 문서의 프로그래밍 인터페이스로, 문서의 구조를 객체로 표현한다.JavaScript를 사용하여 동적으로 문서를 조작할 수 있다.클래스는 객체를 생성하는 템플릿이다.Getter와 Setter를 통해 클래스의 속성에 대한 접근..

1. 깊은 복사와 얕은 복사얕은 복사 (Shallow Copy): 객체의 최상위 속성만 복사하고, 중첩된 객체는 원본과 같은 참조를 공유함.따라서 하위 객체에 변경점 적용 시 원본 객체에 영향이 있을 수 있다.깊은 복사 (Deep Copy): 중첩된 객체까지 모두 복사하여 원본과 독립적인 새로운 객체 생성. 깊은 복사를 통해 모든 중첩된 객체도 새로운 메모리 공간에 복사되므로, 원본 객체와 완전히 독립적인 상태를 유지최상위 객체와 독립적으로 변경점 적용이 가능하다2. 전개 연산자전개 연산자: 객체나 배열의 얕은 복사를 수행할떄 적합. 최상위 속성만 복사하고, 중첩된 객체는 참조 공유.예시: const newObject = { ...originalObject };3. for...in 구문객체의 모든 속성에..

오늘 배운것객체key value pair하나의 변수에 여러 값을 넣을 수 있다.let person = { name: "홍길동", age: 30, gender: "남자",}생성자 함수를 이용한 객체 생성 방법function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender;}let person1 = new Person("홍길동", 30, "남자")위 양식으로 많은 객체를 한꺼번에, 생성자 함수를 이용해서 생성할 수 있다.접근 하는 방법 ex) Person 객체에서 홀길동이란 이름을 출력하고 싶다. console.log(person.name); console.log(pers..

오늘 배운것변수는 값을  저장하기 위한 이름, 변수에 할당된 값은 변수의 데이터 타입에 따라 다르게 처리된다.console.log(typeof 변수이름)을 통해 타입을 확인 가능- var는 중복 선언이 가능하지만, let과 const는 불가능- let과 var는 재할당이 가능하지만, const는 재할당이 불가능문자열 결합: concat() 메서드를 사용하여 문자열을 결합문자열 자르기: substr() 및 slice() 메서드를 사용하여 문자열의 일부를 잘라낼 수 있음let str = "hello, world!";console.log(str3.substr(7, 5)); // 시작 위치, 시작위치부터 몇개까지console.log(str3.slice(7, 12)); // 시작 위치, 끝 위치// 출력결과// ..

오늘 팀 프로젝트 발표를 마쳤고, 이제 새로운 프로젝트로 텍스트 로그라이크 게임이 다음 프로젝트임을 전달받았음. 웹 개발 프로젝트와는 전혀 다른 유형의 프로젝트라 새로운 도전이 될 것 같아 준비가 필요할 것 같음.자바스크립트 기본 강의를 시작하기 전, 간단히 목차를 살펴보면서 앞으로 게임 개발에 사용할 수 있는 개념들이 무엇일지 생각해보았음. 변수, 함수, 조건문 등이 텍스트 게임의 핵심 로직 구현에 핵심인 만큼 전체 강의를 반복하여 학습해보아야 할 것 같음. 로그라이크 장르는 특히 무작위성과 반복성을 강조하기 때문에, 이를 어떻게 구현할지 고민해 볼 필요가 있을 것 같음.다음 주부터 시작할 자바스크립트 강의에 일단 집중할 것 같음.

팀 구성과 프로젝트를 시작하였고 기본 웹개발 강의를 완강했습니다. 이후 팀원들과 GitHub을 활용해 각자의 코드를 병합하고, 애니메이션 기능을 참고해 멤버카드 페이지를 개선했습니다.방명록 페이지 기능을 완성하고, 비밀번호 확인 모달을 통해 보안 기능을 강화했습니다. 페이지 디자인도 공통 헤더와 아이콘을 추가해 전체적으로 통일성을 높였고, 각 작업 내용을 dev 브랜치로 업데이트 했습니다.마지막으로 팀 발표 자료를 제작하여 오늘 발표를 마무리했습니다.새로운 기능을 도전적으로 시도하면서 스스로 개발 실력이 조금씩이라도 성장한다는 느낌이 들어 좋았습니다.팀원들과 협업 과정에서 각자의 역할을 잘 해내는 모습을 보며 좋은 팀이라는 생각이 들어 감사했지만, 팀 리딩이 생각보다 쉽지 않다는 점에서 살짝 부담을 느끼..

Keep - 현재 만족하고 있는 부분팀원 간 소통과 협력: 업무 분담과 소통이 원활하게 이루어져, 소외되는 팀원이 없었음. 서로의 의견을 잘 종합하고 상의하는 문화.코드 적용 및 학습: 새로 알게 된 코드 내용을 실습하며 익숙해짐. 직접 학습하고 튜터님이 세세하게 피드백 주는 부분이 도움이 됨.역할 분담 효율성: 각자의 역할이 나뉘어 있어 효율적으로 일할 수 있었음.Problem - 불편하게 느끼는 부분기능 추가에 대한 소극성: 새로운 기능에 대한 도전이 부족했고, 기본 지식이 부족하여 학습 필요.원격 학습의 어려움: 오프라인이 아니라 튜터 피드백을 바로 적용하기 어려움.CSS 활용 어려움: CSS 작업이 불편하게 느껴졌고, 코드 구역 및 위치를 헷갈리는 일이 잦음.프로젝트 기여 부족감: 자신의 실력 부..