본문 바로가기

전체 글281

JavaScript Uncaught TypeError: Cannot read properties of null JavaScript Uncaught TypeError: Cannot read properties of null 웹페이지 작성 중에 Uncaught TypeError: Cannot read properties of null 오류를 접하게 되었습니다. script 작성간의 문제인 줄 알았는데 원인을 따로 있었습니다. 이 글에서는 해당 오류 설명과 함께 해결법에 대해 소개하겠습니다. JavaScript Uncaught TypeError: Cannot read properties of null 웹페이지 만드는 과제 중에 JavaScript Uncaught TypeError: Cannot read properties of null 오류를 보게 되었습니다. DOM 객체를 활용한 addEventListener 동작 .. 2023. 10. 18.
javascript 문법 과제 숫자 맞추기 게임 javascript 문법 과제 숫자 맞추기 게임 5주차의 javascript 문법 강의를 마치고 마지막 숙제로 숫자 맞추기 게임 구현이 주어졌습니다. 그동안 배운 문법들을 활용하여 아래와 같이 구현하였습니다. 과제 문제 인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽 무료특강 1시간 만에 코딩을 무료로 배워 인생사진을 모아 추억을 기록하는 네컷사진으로 만들어보세요. spartacodingclub.kr 문제는 다음과 같이 주어졌습니다. 20이상 120 이하의 랜덤한 숫자를 맞추는 페이지로 10번의 기회가 주어입니다. 예측한 숫자는 입력하여 맞는지 확인 가능하고, 예측한 숫자들과 남은 기회를 알려줍니다. 이렇게 해서 만든 사이트는 다음의 링크를 통해 확인할 수 있습니다. Number Guessing Game 숫자.. 2023. 10. 17.
JavaScript 화살표 함수 소개, 특징, 활용, 예시 코드, 일반 함수와 차이점 JavaScript 화살표 함수 소개, 특징, 활용, 예시 코드 화살표 함수는 JavaScript에서 함수를 간결하게 정의할 수 있는 방법 중 하나로, ES6(ECMAScript 2015)에서 도입되었습니다. 이 글에서는 화살표 함수의 문법과 활용, 그리고 일반 함수와의 차이점을 살펴보겠습니다. 화살표 함수의 문법 화살표 함수는 다음과 같은 간결한 문법을 가지고 있습니다. (param1, param2, ...) => expression (param1, param2, ...)는 화살표 함수의 매개변수 목록입니다. expression은 함수의 본문을 나타내며, 이를 평가한 결과가 함수의 반환값이 됩니다. 예시 코드 // 일반 함수와 화살표 함수 비교 // 일반 함수 function add(x, y) { re.. 2023. 10. 17.
javascript 배열 안 숫자 중 최대값 찾는 다양한 방법 - 알고리즘 풀이 javascript 배열 안 숫자 중 최대값 찾는 다양한 방법 - 알고리즘 풀이 숫자로 이루어진 배열 안의 최대값을 찾는 방법에 대해 필자가 해결한 방법과 그 외의 다양한 해결 방법에 대해 소개하겠습니다. javascript 배열 안 숫자 최대값 찾기 필자는 for문을 활용하여 문제를 해결하였습니다. function find_max_num(array) { var result =0; for(let i=0;iresult) result =array[i]; } return result; } console.log("정답 = 6 / 현재 풀이 값 = ", find_max_num([3, 5, 6, 1, 2, 4])); console.log("정답 = 6 / 현재 풀이 값 = ", find_max_num([6, 6, .. 2023. 10. 16.
내일배움캠프 공부법 특강 - 개발자가 되기 위한 공부 방식, 태도 소개 내일배움캠프 공부법 특강 - 개발자가 되기 위한 공부 방식, 태도 소개 (최양임 매니저님 강의) 내일배움캠프 중 공부법 특강을 듣고 나서 강의 정리한 내용과 소감에 대해 작성하였습니다. 4개월이란 기간동안 어떤 공부법과 마음가짐, 태도를 지니고 임해야 하는지 아래 글을 통해 소개하겠습니다. 꼭 내일배움캠프라는 교육이 아니더라도 글을 통해 개발자가 어떤 마음가짐으로 공부에 임해야 하는지도 찾아볼 수 있을 것입니다. 내일배움캠프 공부법 특강 내일배움캠프 국비지원 코딩, 내일배움캠프는 개발자 취업까지 자신 있습니다. 기간 제한 없는 취업 컨설팅을 받으며 비전공자 IT취업 준비, 확실히 끝내세요. nbcamp.spartacodingclub.kr ○ 강의만 열심히 들으면 될까? -> 배우고 자신의 사고와 구현력을.. 2023. 10. 15.
Node.js 최신버전 설치 다운로드 방법, 설치 확인 방법 Node.js 최신버전 설치 다운로드 방법, 설치 확인 방법 Node.js를 사용하기 위해서는 설치 작업이 필수 입니다. 설치시 기본 다운로드 방법과 최신버전 다운로드 방법 및 설치과정, 설치가 제대로 이루어졌는지 확인하는 방법에 대해 소개하겠습니다. Node.js 최신버전 설치 다운로드 방법 설치는 아래 링크에서 진행할 수 있습니다. 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위의 링크를 접속하면 아래와 같은 화면이 나옵니다. 여기서 LTS(대다수 사용자에게 추천)와 현재버전(최신기능)의 두가지 큰 틀의 다운로드 방법이 있는 것을 볼 수 있습니다. 최신버전의 Node.j.. 2023. 10. 14.
파이어베이스 파이어스토어 데이터 가져오기 - 웹 javascript 코드 제공 파이어베이스 파이어스토어 데이터 가져오기 - 웹 javascript 코드 제공 이 글에서는 파이어베이스 파이어스토어로 데이터 가져오는 작업하면서 알게 된 파이어스토어에 있는 데이터 가져오는 코드를 소개하겠습니다. 파이어베이스 파이어스토어 데이터베이스 선택: Cloud Firestore 또는 실시간 데이터베이스 | Firebase Realtime Database Google I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 데이터베이스 선택: Cloud Firestore 또는 실시간 데이터베이스 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 firebase.google.com 파이어베이스에서 제공하는 파이어스토어는 구글의 클라우드 기반 NoSQL 데이터베이스로 실.. 2023. 10. 13.
KPT 회고 - 스파르타 코딩클럽 미니프로젝트 KPT 회고 - 스파르타 코딩클럽 미니프로젝트 일주일여 간의 미니프로젝트를 마치고 전체적인 소감에 대해 이야기해보았습니다. 좋았던 점, 개선이 필요한 점, 개선방안의 세가지를 중점으로 다양한 의견과 함께 종합적인 소감에 대해 소개하겠습니다. 스파르타코딩클럽 5주 완성! 코딩을 전혀 모르는 비개발자 대상의 웹개발 강의 spartacodingclub.kr Keep 민재님 : 주기적으로 회의시간을 정해 서로의 진행 상황을 공유하며 프로젝트를 진행하여 진행 방향을 확실히 하여 작업할 수 있어서 좋았다. 상엽님 : 여러 날 동안 하나의 주제를 잡고 팀원들이 서로 도와가며 지속적으로 진행하고 결과물을 얻어낸 것 자체가 좋은 경험이 되었다. 범석님 : 주기적인 시간 작업 공유와 회의를 진행하는 작업 방식이 좋았다. .. 2023. 10. 12.
VScode(Visual Studio Code) 코드 정렬 최신 단축키 + 유용한 단축키 VScode(Visual Studio Code) 코드 정렬 최신 단축키 + 유용한 단축키 VScode 내에서 코드 작성 시 외부 코드 붙여 놓으면서 코드 정렬이 들쑥날쑥 해지는 경우가 여러 있습니다. 이를 단번에 해결해주는 단축키 소개와 그 외의 알아두면 유용한 vscode 관련 단축키에 대해 소개하겠습니다. VScode 코드 정렬 단축키 VScode 코드 정렬 단축키는 다음과 같습니니다. 코드 전체 정렬 (전체 정렬 후 코드 정렬) 더보기 1. Ctrl + A : 전체 정렬 2. AIT + Shift + F : 코드 정렬 그 외의 유용한 단축키 이 밖에도 VScode 사용하면서 알아두면 유용한 단축키에 대해 소개하겠습니다. 파일 내 텍스트 검색 더보기 Ctrl + F 파일명으로 검색하기 더보기 Ctrl.. 2023. 10. 6.