2021동계 모각코 (14) 썸네일형 리스트형 [형, 채강임] 마치며... 작년 하계 모각코에 이어 이번이 2번째 모각코 활동이다. 하계 모각코에서 공부의 습관을 깨우쳤다면, 이번 모각코로는 방법에 대해 깨우쳤다고 느끼고 있다. 마지막으로 계획해 놓은 오목을 완성하진 못하였지만, 이전에 만들었던 게임들을 보며 '그래도 내가 뭔가를 만들긴 만드는구나'라고 내면에서 작은 성취감을 얻었다. 웹 공부는 이에 그치지 않고 프론트, 백 나눌 거 없이 모두 공부하도록 할 것이다. [형, 채강임] 6주차 결과 목표 - '나만의 웹 사이트 만들기' - 下 결과 - 저번 주차에 이어 오목을 완성하려 했으나, 알고리즘 구현에 실패를 하여 결국 만들지 못하였다. 리액트로 만든 오목 오픈 소스를 찾아 도움을 받으려 했으나, 이조차 존재하지 않아 만들 수 없었다. 느낀점 다른 언어로 만든 오목 알고리즘이 있지만, 리액트로 변환하여 이해하기에는 어려움이 있어 성공하지 못하였다. 모각코 활동이 끝나도 오목 알고리즘을 분석하여 반드시 이어 성공시킬 것이다. [형, 채강임] 6주차 계획 목표 - '나만의 웹 페이지 만들기' - 下 전 주차에 이어 오목 게임을 마무리 한다. 오목 - 틱택토를 기반으로 단순 오목 게임 만들기 [형, 채강임] 5주차 결과 목표 - '나만의 웹 사이트 만들기' - 上 사진 - 판 - - 오목알 - 아직 오목룰에 맞는 방식은 만들지 못했다. 다음 주에 오목 룰을 적용한 오목 게임을 만들 수 있을 것 같다. 시간이 남으면 칸안에 넣는 것이 아닌 선과 선 이 교차하는 곳에 오목 알을 둘 수 있도록 만들 것이다. 느낀점 - "틱택토를 하면서 아 오목 정도면 쉽겠네"라고 생각했지만, 판의 크기를 19x19로 만드니 오목 알고리즘을 생각하느라 시간을 쓰고 있다. 그래도 계속하다 보니 할만하다고 생각하고 있다. [형, 채강임] 5주차 계획 목표 - '나만의 웹 페이지 만들기' - 上 배웠던 내용을 바탕으로 게임을 하나 만들어본다. 오목 - 틱택토를 기반으로 단순 오목 게임 만들기 [형, 채강임] 4주차 결과 목표 - [인프런] 웹 게임을 만들며 배우는 React강좌 나머지 듣기 사진 로또 추첨기 코드를 실행하면 랜덤으로 7개의 배열의 숫자가 정해지고 일정 시간마다 해당 숫자를 노출한다. 한번 더라는 버튼을 클릭하면 배열이 초기화되고 새로운 배열이 저장되고 숫자가 노출된다. 틱택토 처음 3x3 판이 나오고 'O'의 시작으로 게임이 흘러간다 3줄을 맞춘 'O'또는 'X'가 승리를 가지게 되고 판은 초기화된다. 무승부가 나왔을 경우도 판이 초기화된다. 지뢰 찾기 초기 가로, 세로 10칸 지뢰 20개는 기본값으로 주어지고 변경할 수 있다. 지뢰는 개발단계라서 'X'로 표기를 해놨다. 주변에 지뢰가 없으면 한 번에 지뢰가 터지도록 설정을 해놓고,! 와? 는 우클릭을 하면 나오는 형상이다. 이 상태에서는 좌클릭이 성립.. [형, 채강임] 4주차 계획 목표 - [인프런] 웹 게임을 만들며 배우는 React강좌 나머지 듣기 1개의 입문과정과 8개의 게임 중에서 마지막 3개의 게임 만들기 [형, 채강임] 3주차 결과 목표 - [인프런] 웹 게임을 만들며 배우는 React강좌 부분 듣기 사진 총 24강의(3개 게임) 수강 완료 숫자야구 총 10회의 도전 기회를 주고 현재 시도한 횟수를 알려준다. 그리고 해당 숫자의 스트라이크와 볼을 S와 B로 각각 알려준다. 4개의 숫자를 맞추면 '홈런!!!'이라는 경고창이 뜬 후 새로운 숫자야구 게임이 생성되며 '홈런!'이라는 문구가 상단에 노출된다. 4개의 숫자를 틀리면 '게임을 다시 시작합니다.'라는 경고창이 뜬 후 동일하게 새로운 게임이 생성되고 '시도 횟수 10회 초과! 정답'을 상단에 노출하고 게임을 재개합니다. 반응 속도 체크 시작하기 전 '클릭해서 시작을 하세요.' 문구를 띄우며 초기 상태를 유지한다. 클릭을 하면 빨간 배경과 '초록색이 되면 클릭하세요.' 문구를 띄우고.. [형, 채강임] 3주차 계획 목표 - [인프런] 웹 게임을 만들며 배우는 React강좌 부분 듣기 1개의 입문과정과 8개의 게임 중에서 3개의 게임 만들기 [형, 채강임] 2주차 결과 목표 - [인프런] 웹 게임을 만들며 배우는 React강좌 부분 듣기 사진 총 20강의(1개 입문 + 2개 게임) 수강 완료 입문 입문 강의에서는 단순 React의 필요성과 기존 html & JavaScript만 사용할 때의 차이를 보여주었다. 구구단 랜덤으로 두 숫자가 나오고 정답을 맞히면 아래에 정답 표시와 그에 맞는 답을 표시해주고, 곱의 수가 랜덤으로 바뀐다. 틀릴 경우 오답 표시를 해주고 곱의 수는 바뀌지 않는다. 끝말잇기 구구단과 비슷한 구도로 만들었다. 초기 단어는 고정으로 나오게 한 후 끝말잇기가 성공되면 정답 표시와 이전 단어를 표시해준다. 그리고 입력한 단어가 상단에 표시된다. 오답을 입력하면 오답 표시를 해주고 상단 단어는 바뀌지 않는다. 느낀점 - React와 webpack을 사용하.. 이전 1 2 다음
