본문 바로가기

전체 글

 (101)
[Node] 버전 업그레이드(구름IDE 사용) 요즘 가벼운 프로젝트 혹은 토이 프로젝트의 경우 구름을 통해서 개발하는 경우가 종종 있습니다 특별한 사유가 없으면 보통 프로젝트 시작 기준으로 최신 버전으로 개발 환경을 세팅해서 개발을 진행하는데 구름의 경우 템플릿을 통해서 만들기 때문에 버전의 경우 구름에서 지원하는 버전을 이용합니다 그런데 React 프로젝트의 경우 현재 버전과 지원 버전이 너무 차이가 나서 프로젝트가 정상적으로 실행 및 개발 진행이 안 되는 상황이 발생했습니다 이때 원하는 node와 npm 버전을 올려서 사용하는 방법입니다 버전 업그레이드 노드 버전 업그레이드하기 전 후로 버전을 확인하는 명령어입니다 명령어 node 버전 확인 : node -v npmp 버전 확인 : npm -v 새로운 버전을 설치 전 node, npm을 먼저 삭제..
[JavaScript] 요즘 유행하는 Wordle 따라하면서 만들어 보기-4 문제점 지금은 한 가지의 답안만을 가지고 있습니다 하나의 정답만 사용할 수 있습니다 기능 개선 여러 가지 정답을 가지고 그중에서 하나를 사용하는 방식으로 변경하겠습니다 방법은 배열을 통해서 여러 가지 정답을 가지고 랜덤으로 호출되게 변경하도록 하겠습니다 //정답 const answer = 'basic'; 지금은 "answer" 변수에 하나의 답만 가지고 있습니다 별도의 정답 목록을 가지고 answer의 답안을 변경하도록 하겠습니다 정답을 모은 answerList 변수를 만듭니다 //정답 목록 const answerList = ['basic', 'black', 'bread', 'clean', 'chair', 'count', 'drink']; 정답 목록을 만들었습니다 이제 answer에서 이 중에서 하나의 ..
[JavaScript] 요즘 유행하는 Wordle 따라하면서 만들어 보기-3 [JavaScript] 요즘 유행하는 Wordle 따라하면서 만들어 보기-2 [JavaScript] 요즘 유행하는 Wordle 따라하면서 만들어 보기-1 ※ 처음은 다른 사람이 만들어 놓은 것을 토대로 만들고 그 이후에는 있었으면 하는 기능과 부족한 점 혹은 문제점을 고치는 식으로 해 happycodingdiary.tistory.com 지금 버그 중 하나는 두 번째부터는 색상 변경이 안 됩니다 색상을 처리하는 부분은 for문으로 관련된 코드를 살펴봅니다 원인 파악 단어를 입력해서 버그가 어떻게 발생하는지 살펴봅니다. 크롬 개발자 도구를 살펴보면 에러 표시가 없습니다 코드 상의 에러가 아니라 처리하는 방식에 뭔가 문제가 있습니다 let input = document.querySelectorAll('inpu..

티스토리툴바