분류 전체보기
-
JavaScript 입문 : 지뢰찾기 게임 - 본격적인 지뢰심기컴퓨터 알아가기/JavaScript 2022. 10. 26. 19:30
본 글은 제로초 TV의 자바스크립트 강좌를 기본으로 공부하고 있습니다. 지난시간 다음과 같이 랜덤하게 10개의 지뢰 인덱스를 뽑았습니다. 물론 이 인덱스는 새로고침 할때마다 변경이 되겠지요. 하여간 랜덤하게 뽑힌 10개의 인덱스와 지뢰를 연결하도록 하겠습니다. ▒ 본격적인 지뢰심기 1. 전체를 지뢰가 없다는 가정하에 NORMAL로 코드숫자 부여 지뢰는 총 10개로 하고자 했습니다. 총칸은 100칸이고요. 지난 시간까지는 해당칸에 대한 그림을 인덱스로 나타내었지만 본격적으로 생명을 불어넣기 위해서는 각 인덱스와 연결을 시켜야 합니다. 여기서는 코드숫자와 연결을 시켜야겠지요. 먼저 전체 100칸에 지뢰가 없는 NORMAL인 상태로 만들어 줍니다. 코드숫자는 -1로 하기로 했구요. 10 X 10은 이중반복문을..
-
JavaScript 입문 : 지뢰찾기 게임 - 기본적 HTML / CSS 만들기, 지뢰를 심기위한 랜덤숫자 뽑기컴퓨터 알아가기/JavaScript 2022. 10. 25. 19:30
본격적인 지뢰심기 게임을 만들어 보도록 하겠습니다. 1차적 결과는 다음과 같이 나오도록 할 예정입니다. 잠깐 그림에 대해 설명드리면 처음에는 가로 10칸, 세로 10칸인 2차원 배열을 만들고 그 중에서 지뢰를 10개 랜덤하게 만들고자 합니다. 지금은 편의상 지뢰를 'X'로 표시하고 우측 클릭에서 물음표와 깃발을 각각 '?'와 '!'로 표시할 예정입니다. 향후 전체코드가 완료되었을때는 지뢰 그림과 깃발 등 조금 더 데코레이션 하는 방향으로 할 예정입니다. 본 코딩은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 1. 기본적인 HTML / CSS 만들기 역시 기본틀이 되는 HTML과 CSS를 고민해야 하는데요. 10 X 10 바둑판 배열은 2차원 배열이라고 보면 되겠습니다. 2차원 배열은 자바스..
-
이그노벨상 2021 : 물리학 및 동력학상 - 길을 걷다가 다른 보행자와 부딪힐 수 밖에 없다?몰상식 (몰라도 되는 상식) 2022. 10. 24. 19:30
기상천외한 방법과 있을것 같지 않은 연구(Improbable Research)에 수상하는 이그노벨상 중 오늘은 2021년의 물리학상에 대해 정리를 해 보고자 합니다. 어떤 연구들이 정말 시간을 내서 연구를 해야될 필요성이 있었는지를 알고 싶네요. ▒ 2021년 이그노벨상 물리학상 - 길을 걸으면서 사람들이 부딪히지 않는 이유 이는 물리학 및 동력학 (Physics and Kinetics) 연구에 수여되었습니다. 정확히는 군중 모델링(Modelling the Crowd)이라는 연구자료인데 보행자가 때때로 군중속에서 충돌하는 이유에 대해 연구를 하였네요. 가만히 생각해 보면 우리도 길을 걸을때 가끔씩 어깨를 부딪히거나 하는데 왜 이런 현상이 벌어졌는지를 연구한 사람들도 있었네요. 그 이유로는 첫번째 오히려 ..
-
JavaScript 입문 : 지뢰찾기 게임 - 순서도컴퓨터 알아가기/JavaScript 2022. 10. 21. 19:30
이 글은 제로초 TV의 지뢰찾기 게임을 참조로 정리한 글입니다. 머리속에 잘 남아있지 않지만 그래도 자바스크립트를 공부하고자 했던 마음 가다듬고 조금 더 훈련을 해 보고자 합니다. 무작정 따라 하는 것보다 복습하고 이해할려고 하니 어느정도는 업그레이드가 되는 느낌은 있는데 어떨때는 쉽게 포기할 수도 있겠구나 하는 생각도 들긴합니다. 각설하고, 좀 더 매진해야겠습니다. 이번에는 지뢰찾기 게임을 도전해 보는데요. 우선 지뢰찾기 게임이 뭔지 알아야 할 듯 합니다. 사실 저같이 나이가 있는 사람은 과거 컴퓨터 윈도우에 기본으로 깔려있는 게임인데요. 잘 모르는 분들은 구글에서 지뢰찾기를 검색하면 바로 게임할 수 있습니다. 아주 단순한 1차원적 게임이죠. 그렇지만 게임에 대한 큰 흐름을 알아야 순서도를 만들고 그에..
-
이그노벨상 (Ig Nobel) 시리즈 - 개요몰상식 (몰라도 되는 상식) 2022. 10. 19. 19:30
항상 가을이면 각 분야에서 뛰어난 공로를 세운 최고의 학자와 정치인 또는 일반인 등에게 주어지는 노벨상에 대해서 한번쯤은 들어본 경험이 있을겁니다. 이는 인류 문명발달에 기여한 사람들에게 수여하는 가장 권위있는 상이기도 하는데 아쉽게도 우리나라에서는 아직도 한번도 수상이 되지 않았습니다. 노벨상은 스웨덴 발명가인 Alfred Bernhard Nobel (알프레드 베른하르드 노벨)에 다이너마이트 발명으로 모은 막대한 재산을 좋은 곳에 기여하기 위하여 (사실 본인의 발명이 전쟁에 사용되는 것에 충격을 받고) 유언을 남겨 재산에 대한 수익금으로 1901년부터 매년 시상을 하고 있는 상입니다. 노벨의 재산을 운영하여 얻은 수익만으로 상금을 주기때문에 매년 상금이 달라지긴 하지만 보통 한 분야당 한국돈으로 10억..
-
메타버스의 나아갈 길 (잡생각)Metaverse 2022. 10. 18. 19:30
일단 메타버스(Meta-Verse)라는 말이 한참 유행이 되고 바로 그러한 가상현실이 다가 올 것 같았지만 한편으로는 아날로그 세상이 더 좋기도 합니다. 가만히 생각해 보면 가상(Virtual)이라는 것은 현실(Reality)을 기반으로 하지만 너무 현실과 동떨어질 경우 나타나는 부작용에 대해서는 아무도 책임지려하지 않는 것 같습니다. 이러다보니 메타버스라는 개념이 또 다른 나인 아바타를 생성하고 이러한 아바타가 게임월드에서 활동하는 단계에서 갈 방향을 아직 잘 못 찾고 있는 듯 합니다. 물론, 많은 산업종사자들이 고민을 하고 있겠지만 아직까지 뚜렷한 방향(Direction)을 내놓지 못하고 있는 것도 사실입니다. 이렇다보니 물과 기름처럼 아직은 서로가 완벽하게 조화하지 못하는 현상이 벌어지는데요.. 어..
-
JavaScript 입문 : 카드맞추기 게임 - 카드게임 수량 유저 선택하기, 총 걸린시간 계산하기컴퓨터 알아가기/JavaScript 2022. 10. 13. 19:30
이 글은 제로초 TV 자바스크립트 강좌를 기본으로 공부하고 있습니다. 현재까지 카드맞추기 게임을 만들면서 어느정도 버그가 수정이 되었다고 판단되어 조금 더 업그레이드를 해보고자 합니다. 첫번째는 카드의 수량을 최대치로 정해놓고 시작시 유저가 원하는 카드갯수를 입력하여 게임을 시작하고 최종적으로는 게임완료 시간을 계산하도록 하겠습니다. 1. 카드수량 정하기 게임 시작시 카드 수량을 입력하도록 만들겠습니다. 최대 20개까지 카드의 숫자를 만들도록 하고 이는 alert 메시지를 통하거나 버튼클릭으로 만들 수 있습니다. 주의할 점은 카드 2개가 같은 색이어야 하고 유저가 몇장을 선택할지 모르기 때문에 최대 20장의 반인 10장의 색상을 slice( ) 메소드로 나누어준 값을 concat( ) 메소드로 복사합니다..
-
JavaScript 입문 : 카드맞추기 게임 - 이벤트루프를 통한 버그 수정 (동시 3번이상 클릭했을 경우 버그)컴퓨터 알아가기/JavaScript 2022. 10. 12. 19:30
지난 시간 이벤트루푸에 대해 나름 깊이 공부를 해 보있습니다. 나름대로 이해를 돕기위해 나만의 Oredr Table도 만들어 결과값도 도출해 보았구요. 이제는 다음 그림과 같이 연속으로 3번이상 클릭하였을 경우 3번째부터 카드가 원상태로 돌아가지 않는 경우입니다. 예를 들어 동시에 4개를 찍으면 2개의 카드가 원상태로 돌아가지 않습니다. 예상되는 원인은 기본적으로 자바스크립트는 순서대로 코드에 따라 작동하지만 이벤트루프 이론에 따르면 setTimeout( )같은 함수가 사용될 경우 Background와 Task Que를 거쳐 호출스택으로 들어가서 동작을 하기 때문에 이런 현상이 벌어지는 경우로 추측 할 수 있습니다. 한번 이러한 버그에 대한 수정을 해 보도록 하겠습니다. 본 글은 제로초 TV 자바스크립트..