이전편좌로 장애물들이 나온다. 스페이스바를 누르면 공룡이 점프를 한다. 장애물과 공룡이 충돌할 경우 종료   index.html  canvas 태그를 이용하여 만든다. m" data-og-host="ranidiant.tistory.com" data-og-source-url="https://ranidiant.tistory.com/entry/js-%ED%81%AC%EB%A1%AC-%EA%B3%B5%EB%A3%A1-%EA%B2%8C%EC%9E%84-%EB%A7%8C%EB%93%A4%EA%B8%B0" data-og-url="https://ranidiant.tistory.com/entry/js-%ED%81%AC%EB%A1%AC-%EA%B3%B5%EB%A3%A1-%EA%B2%8C%EC%9E%84-%EB%A7%8C%..

크롬 공룡게임 js로 만들기! 게임진행우->좌로 장애물들이 나온다. 스페이스바를 누르면 공룡이 점프를 한다. 장애물과 공룡이 충돌할 경우 종료   index.html  canvas 태그를 이용하여 만든다. main.jsconst canvas = document.getElementById('canvas');const ctx = canvas.getContext('2d');canvas.width = window.innerWidth - 100;canvas.height = window.innerHeight - 100; 처음 비어있는 캠버스에 표시해주기 위해 랜더링 컨텍스트에 접근해야한다. getContext그려진 내용들을 보일 캔버스 사이즈도 정해준다.    let dino = { x: 10, y: 200, w..

주말 모각코 우연히 주말에 모여 공부하는 모각코 모집글을 보게 되었다. 평소라면 참여할 생각도 안 들었겠지만, 공부하는 시간을 좀 더 늘리고 싶은 마음에 신청했다. 약 4-5명의 인원이 주말 오후에 카페에 모여 각자 공부하면서 시간을 보냈다. 새로운 사람들과의 만남이었고 그 속에서 다음과 같은 점들을 느낄 수 있었다.1. 집중력 향상: 다른 사람들이 열심히 공부하는 모습을 보면서 나도 더 집중하게 되었다. 혼자 공부할 때보다 더 몰입할 수 있었다.2. 동기 부여: 함께 공부하는 사람들과 이야기를 나누면서 서로에게 긍정적인 자극이 되었다. 다른 사람들의 공부 방법과 목표를 들으며 나도 더 열심히 해야겠다는 생각이 들었다.3. 네트워킹: 다양한 배경을 가진 사람들과의 만남이 새로운 인사이트를 제공했다. 서로..

깊이 우선 탐색 DFS (Depth-First Search)    시작 노드 선택: 탐색을 시작할 노드를 선택합니다.노드 방문: 현재 노드를 방문하고, 방문했다고 표시합니다.인접 노드 탐색: 현재 노드에 인접한 노드들 중 방문하지 않은 노드로 이동합니다.반복: 더 이상 방문할 노드가 없을 때까지 인접 노드로 이동하는 과정을 반복합니다. 모든 인접 노드를 방문했다면, 이전 노드로 돌아가서 다음 인접 노드를 탐색합니다. DFS의 활용미로 찾기: DFS는 미로 찾기와 같은 경로 탐색 문제에 유용합니다.사이클 탐지: 그래프에서 사이클이 존재하는지 확인할 때 사용됩니다.강결합 요소 찾기: DFS는 그래프에서 강결합 요소를 찾는 알고리즘의 기본이 됩니다.위상 정렬: 유향 비순환 그래프(DAG)에서 위상 정렬을 수행..

목차프롤로그. 개발자 30년을 넘어PART 1 엔지니어링 역량_01. 개발자의 소양_02. 고객이 원하는 제품 디자인_03. 30년간 실천할 개발 주기PART 2 매니지먼트 역량_04. 성공을 이끄는 프로젝트 매니지먼트_05. 기술 주도 테크니컬 리드_06. 행복을 만드는 피플 매니저_07. 프로세스 바로 세우기PART 3 비즈니스 역량_08. 잘 뽑고 잘 들어가기_09. 된 되는 사업 만들기_10. 비전을 공유하는 조직 문화 만들기PART 4 개발자로 살아남기 30년_11. 시간 관리 비법_12. 30년 커리어패스에서 배운 것부록. 개발자 고민 상담 119에필로그. 스스로 30년 커리어패스를 설계하세요     PART 1 엔지니어링 역량01. 개발자의 소양구분기술엔지니어링 역량개발에 대한 기본 지식, ..