개발일지/TIL(Today I Learned)83

• 

  2024-11-04 내일배움캠프 Node.js 트랙 6일차1. ZEP에서 이루어진 자바 문법 스터디객체를 복사하고 병합하는 방식 - Object.assign과 전개 구문객체를 복사하고 병합하는 방법에 대해 알아보자 (이 글에서는 편의상 얕은 복사에 대해서만 다루도록 하겠다.)(1) Object.assign()Object.assign() 메서드는 출처 객체들로부터 모든 열거 가능한 자체 속성을 복사해 대상 객체에 속성을 추가한다. 그 후 대상 객체를 반환한다.(출처 : MDN)) 이미 메소드에 복사 과정이 통합되어 있으므로 병합하는 과정에서 얕은 복사를 따로 진행해줄 필요는 없다.메소드의 형식은 다음과 같다.Object.assign(target, ...sources);target : 목표 객체. 출처 객체의 속성을 복사해서 .. 개발일지/TIL(Today I Learned) 2024. 11. 4.

• 

  2024-11-01 내일배움캠프 Node.js 트랙 5일차1. ZEP에서 이루어진 팀단위 프로젝트오늘은 프로젝트 발표가 있었던 날이다. 우리가 어떻게 이 프로젝트를 기획했고, 어떤 시행착오를 겪었으며, 문제를 어떠한 방식으로 극복했는지는 충분히 기록으로 남겨두었기 때문에 TIL에는 보다 학습에 관련된 내용을 정리해두려고 한다.(1) 지난 시간 복기 및 자바스크립트 개념 정리지난 시간에는 Firebase를 모듈화하는 방법에 대해 언급한 바 있다. db의 정보와 메서드를 export하는 방식으로 방명록 기능을 구현할 수 있었다. 그러나 시간에 쫓겨서 대충 그러한 게 있다는 정도로만 이해하고 넘어갔던 터라 제대로 정리해두면 좋겠다는 생각이 들었다.  자바스크립트 모듈이란?코드를 재사용이 가능한 단위로 만드는 방법이다. 이를 테면.. 개발일지/TIL(Today I Learned) 2024. 11. 1.

• 

  2024-10-31 내일배움캠프 Node.js 트랙 4일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 지난 시간 복기지난 시간, 우리 조는 순풍에 돛을 단 것처럼 많은 기능을 넣는 데 성공했다. 이미지에 애니메이션을 넣은 팀원분도 계시고, 오디오 파일을 삽입하신 분도 계실 정도였다. // 랜덤 포켓몬을 구경해보자!$("#randomPokemon").click(function () { const ball_num = Math.floor(Math.random() * 6) + 1; loadIntro(ball_num);});내 경우엔 랜덤 포켓몬 기능을 구현해봤고, // 검색 기능!function searchPokemon() { // 검색창에 입력한 값을 변수에 저장 let searchInput = $('#s.. 개발일지/TIL(Today I Learned) 2024. 10. 31.

• 

  2024-10-30 내일배움캠프 Node.js 트랙 3일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 프로젝트 기획 및 준비지난 시간에 배운 것을 복기해보겠다. 깃과 깃허브 특강깃은 로컬 저장소에서 버전을 관리하는 도구이고, push를 통해 github라는 원격 저장소로 파일을 업로드할 수 있다.이를 사용해서 협업을 어떻게 진행해야 하는지 배울 수 있는 시간이었다.(git branch, pull request 등등…)  메인페이지를 만들고 특정 구역에 별개의 html파일을 load하는 방식으로 웹페이지를 구성하였다.// 몬스터볼을 누르면 오박사님을 새로운 html 파일로 대체하기$(".memberImage1").click(async function () { $(".drOh").load('memberIntro1.htm.. 개발일지/TIL(Today I Learned) 2024. 10. 30.

• 

  2024-10-29 내일배움캠프 Node.js 트랙 2일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 프로젝트 기획 및 준비팀 소개 프로젝트! 의 조장을 맡아 웹사이트를 이틀간 제작하고 있다.지난 시간에 만들어낸 결과물을 한번 되짚고 가겠다.  먼저 포켓몬 도감이라는 컨셉으로 프레임을 구상하였다.  부트스트랩을 통해 헤더와 사이드바를 구현하였고, 위와 같이 구역을 나누어서 콘텐츠들의 정렬하는 것까지 끝마쳤다. 이제는 본격적으로 메인 화면에 내용물을 채워 넣고 각종 메서드와 스크립트 요소를 적용해서 기능을 추가해보도록 하겠다.(2) 프로젝트 진행 과정협업을 진행하기에 앞서 조호영 튜터님의 특강을 듣게 되었다.git/github 특강> > 특강 요약clone으로 dev branch를 내려받고 feature branch를 만들.. 개발일지/TIL(Today I Learned) 2024. 10. 29.

• 

  2024-10-28 내일배움캠프 Node.js 트랙 1일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 프로젝트 기획 및 준비일주일 동안 7조의 조장을 맡아, 팀을 소개하는 프로젝트인 Monster A.K.A.ive의 진행을 맡게 되었다.우선 오늘은 캔버스 위에 자유롭게 다이어그램을 이용하여 우리가 만들고자 하는 웹사이트를 구상해 보았다.  북마크로부터 시작한 브레인 스토밍의 종착지는 바로 포켓몬 도감집이라는 컨셉.우리가 스타팅 몬스터의 역할을 맡고, 사이트 방문자가 몬스터 볼 중 하나를 선택하면 포켓몬 도감처럼 각자의 소개글이 나오게끔 프로젝트의 방향을 잡았다.(2) 프로젝트 진행 과정아직은 개발에 익숙지 않은 팀원분들도 계시기에 오늘은 HTML과 CSS를 이용해 웹페이지의 뼈대만 간단히 만들어 보았다. HTML 기본 골.. 개발일지/TIL(Today I Learned) 2024. 10. 28.

• 

  24-10-25 내일배움캠프 Node.js 사전캠프 16일차1. ZEP에서 이루어진 팀단위 JavaScript 스터디(1) 스터디 준비먼저 이전 시간에 작성했던 코드가 가진 약점들을 수정하고 보완하는 시간을 가졌다.1) 장애물의 y좌표를 더 정밀하게 조정public TGround tground;public TObstacle tobstacle;public void SpawnObstacle(Vector3 playerPosition){ Vector3 randomPosition = new Vector3(UnityEngine.Random.Range(5f, 10f), -playerPosition.y + tground.transform.position.y + tground.gameObject.GetComponent().boun.. 개발일지/TIL(Today I Learned) 2024. 10. 25.

• 

  24-10-24 내일배움캠프 Node.js 사전캠프 16일차1. ZEP에서 이루어진 팀단위 게임 개발 스터디(1) 스터디 계획이제 횡스크롤 슈팅 게임을 만들기 위한 준비를 모두 끝마쳤다. 더 다양한 기능을 추가하여 그럴 듯한 모양의 게임을 만들어 보자. 우리에게 필요한 기능은 다음과 같다.1) 총을 어떻게 발사할 수 있을까?2) 바닥이 사라지지 않고 계속 나올 순 없을까?3) 장애물이 랜덤하게 생성되었으면 좋겠는데…!1번과 2번은 팀장님의 가르침을 받아 해결할 수 있었고, 3번은 각자 해결 방법을 고민해보기로 했다.(2) 스터디 진행 과정1) 총을 어떻게 발사할 수 있을까?public float currentAttackTime;public float attackInterval = 0.1f;public void Input.. 개발일지/TIL(Today I Learned) 2024. 10. 24.

• 

  24-10-23 내일배움캠프 Node.js 사전캠프 15일차1. ZEP에서 이루어진 팀단위 게임 개발 스터디(1) 스터디 계획이전 시간에 우리가 배웠던 것들을 다시 살펴보자. 우리는 유니티에서 다음 세 가지 기능의 사용법을 배웠다. (1) 캐릭터의 이동(2) 캐릭터와 다른 오브젝트와의 상호작용(충돌 등…)(3) 캐릭터의 점프 그러나 우리가 구현한 코드에는 문제가 하나 있었는데, 그건 바로 캐릭터가 점프를 할 때 발이 아닌 곳이 닿아도 점프가 가능하다는 것이었다.  극단적으로 이런 구조의 씬이 있다고 가정해보자. 플레이어를 제외한 오브젝트들은 모두 "Ground"태그를 달고 있는 상태다. 앞을 막고 있는 벽, 머리 위를 가로막은 벽에 부딪혀도 점프를 할 수 있다. 슈퍼 마리오처럼 벽을 밟으면서 끊임없이 위로 올라갈 수 있.. 개발일지/TIL(Today I Learned) 2024. 10. 23.

• 

  24-10-22 내일배움캠프 Node.js 사전캠프 14일차1. ZEP에서 이루어진 팀단위 JavaScript 스터디(1) 스터디 계획팀장님의 도움을 받아 아주 기본적인 수준의 유니티 구문들을 살펴보기로 했다. 오늘 학습의 바탕이 되는 내용들은 아래 블로그(팀장님의 블로그)에 자세히 정리가 되어 있다. Unity 2D 유용한 구문 :: Notfound404Unity 2D 유용한 기능들 :: Notfound404 Unity 2D 유용한 기능들2D 회전```Vector2 targetPosition = target.position;Vector2 myPosition = transform.position;Vector2 direction = (targetPosition - myPosition).nomalizefloat angle .. 개발일지/TIL(Today I Learned) 2024. 10. 22.

• 

  24-10-21 내일배움캠프 Node.js 사전캠프 13일차1. ZEP에서 이루어진 팀단위 JavaScript 스터디(1) 스터디 계획스파르타코딩클럽 | 1시간 만에 상사특공대 게임 만들기 1시간 만에 상사특공대 게임 만들기 | 스파르타코딩클럽1시간 만에 Unity로 게임 개발의 과정을 배워봐요!spartacodingclub.kr 팀원들과 HTML, CSS, JS를 이용해 게임을 만들어봤던 것처럼, 이번에는 Unity를 이용하여 게임을 만들어보기로 결정을 내렸다. 물론 우리는 Node.js를 배우기 위해 이 캠프에 참여했지만, 궁극적으로 게임과 서버를 만들기 위해 배우는 입장이기에 다양한 언어를 폭넓게 접해본다면 더 도움이 되리라고 생각했다.(2) 스터디 진행 과정 강의를 차례차례 들으며 유니티 사용법을 익혀보았고,.. 개발일지/TIL(Today I Learned) 2024. 10. 21.

• 

  24-10-18 내일배움캠프 Node.js 사전캠프 12일차1. ZEP에서 이루어진 팀단위 JavaScript 스터디(1) 스터디 계획르탄이 슈팅 게임 (ppiok-owo.github.io) 르탄이 슈팅 게임르탄이와 함께 최고점을 향하여!! 😀 HP: 100 현재점수: 0ppiok-owo.github.io 1) HP 포션 아이템 추가2) 피격 효과음, 이미지 추가3) Math.cos, Math.PI 이용해서 대각선 이동하기4) 코드 간결하게 정리해 보기지난 시간에 이어서 게임 내 발생하던 버그를 수정하고 기능을 정확히 구현하기 위해 코드를 작성해 주었다. (2) 코드 작성하기타이머 변수 제대로 이용하기 어제 작성한 코드에서 타이머 기능을 더 명확히 표현하기 위해 생성되는 오브젝트에 대한 타이머들을 각각 만들어 주었다... 개발일지/TIL(Today I Learned) 2024. 10. 18.