본문 바로가기

분류 전체보기243

JavaScript 전역변수와 지역변수의 소개, 특징, 차이점, 예시 코드 JavaScript 전역변수와 지역번수의 소개, 특징, 차이점, 예시코드 JavaScript에서 변수는 전역변수와 지역변수 두 가지 범위로 나뉩니다. 이 글에서는 이 두 분류의 변수의 차이점과 예시 코드를 통해 이해해보겠습니다. 전역변수 (Global Variables) 문법과 자료형 - JavaScript | MDN 이 장은 JavaScript의 기본 문법과 변수 선언, 자료형 및 리터럴을 다룹니다. developer.mozilla.org 전역변수는 어디서든 접근 가능한 변수로 프로그램 전체에서 사용할 수 있는 변수를 의미합니다. 전역변수의 특징 어디서든 접근 가능하며 어디서든 수정 가능합니다. 전역변수는 프로그램의 어느 위치에서도 호출 가능합니다. 전역변수는 전역 스코프(Global Scope)에 속.. 2023. 10. 22.
내일배움캠프 개인프로젝트 - 최고 평점 영화 검색 사이트 내일배움캠프 개인프로젝트 - 최고 평점 영화 검색 사이트 내일배움캠프 첫 개인프로젝트는 최고 평점 영화 검색하는 페이지 구현이었습니다. 이 글에서는 프로젝트 진행 과정과 어려웠던 부분, 그리고 어떻게 극복하였는지에 대해 소개하겠습니다. 과제 요구 사항 인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽 무료특강 1시간 만에 코딩을 무료로 배워 인생사진을 모아 추억을 기록하는 네컷사진으로 만들어보세요. spartacodingclub.kr 과제의 가장 큰 개요는 다음과 같았습니다. 순수 바닐라 자바스크립트만으로 영화 리스트 조회 및 검색 UI 구현 학습해온 자바스크립트 문법을 최대한 활용 스타일링 작업하며 css 와 친해지기 이 중 다행이었던 점은 CSS 사용 간에 부트스트랩 사용을 허용한 부분이었습니다. 부트스트랩.. 2023. 10. 21.
JavaScript 실시간 시계 - 소스 코드 제공 JavaScript 실시간 시계 - 소스 코드 제공 이번 글에서는 HTML, CSS, 그리고 JavaScript를 활용하여 디지털 시계를 만드는 방법을 알아보겠습니다. 디지털 시계는 웹 페이지에 실시간 시간을 표시하는 간단한 예제로, 웹 개발에 입문하는 데 도움이 될 것입니다. HTML 구조 javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const) javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const) 자바스크립트에서 변수를 선언하는 방법은 크게 세 가지가 있습니다. var, let, 그리고 const. 이들 각각의 특징과 사용법에 대해 알아보겠습 lemonlog.tistory.com HTML과 CSS는 디지털 시계를 웹 페이지에 그리는 데 .. 2023. 10. 21.
Git을 효율적으로 활용하기 위한 좋은 습관 3가지 소개 Git을 효율적으로 활용하기 위한 좋은 습관 3가지 소개 Git은 현대 소프트웨어 개발에서 필수적인 도구 중 하나입니다. 그러나 Git을 더 효율적으로 사용하기 위해서는 몇 가지 좋은 습관과 Best Practices를 따르는 것이 중요합니다. 이 글에서는 Git의 일상적인 작업에서 적용할 수 있는 몇 가지 권장 사항과 그 예시 코드를 제공하겠습니다. 1. 최신 소스를 Main 브랜치로 업데이트하기 문제 다른 브랜치에서 작업하고 나서 Main 브랜치를 업데이트해야 할 때가 있습니다. 그때마다 어떻게 해야 할까요? 해결책 Main 브랜치로 이동하여 최신 소스를 받아놓는 것이 좋습니다. **예시 코드:** 1. Main 브랜치로 이동: git checkout main 2. 최신 소스 업데이트: git pul.. 2023. 10. 20.
Git Graph로 Git 저장소 시각화하기 - VSCode 내 설치법, 사용법 Git Graph로 Git 저장소 시각화하기 - VSCode 내 설치법, 사용법 Git은 현대적인 버전 관리 시스템으로, 프로젝트의 변경 내역을 체계적으로 관리하고 협업을 용이하게 합니다. Git 그래프는 Git 저장소의 구조와 커밋 히스토리를 시각화하는 강력한 도구로, 이를 통해 저장소를 더 효과적으로 이해하고 관리할 수 있습니다. 이번 글에서는 Visual Studio Code안에 Git 그래프 설치하는 방법과, 다양한 기능, 활용법에 대해 살펴보겠습니다. Git Graph 설치법 Git Graph - Visual Studio Marketplace Extension for Visual Studio Code - View a Git Graph of your repository, and perform Gi.. 2023. 10. 20.
GitHub에서 Branch 이슈를 매번 만드는 게 중요한 이유 GitHub에서 Branch 이슈를 매번 만드는 게 중요한 이유 GitHub은 협업을 위한 프로그래머들의 필수 도구 중 하나로, 여러 사람이 하나의 프로젝트를 효율적으로 관리하고 협력할 수 있게 해주는 역할을 합니다. 이러한 협업에서 "브랜치 이슈"를 정기적으로 만드는 것이 왜 중요한지 알아보겠습니다. 1. 개발 과정의 투명성 확보 분기 정보 - GitHub Docs 분기를 사용하여 리포지토리의 다른 분기에 영향을 주지 않고 개발 작업을 격리합니다. 각 리포지토리에는 하나의 기본 분기가 있으며 다른 여러 분기가 있을 수 있습니다. 끌어오기 요청을 사 docs.github.com 브랜치 이슈를 생성함으로써, 개발 과정을 더 투명하게 만들 수 있습니다. 이슈 트래커를 사용하면 프로젝트의 진행 상황을 쉽게 파.. 2023. 10. 20.
javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const) javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const) 자바스크립트에서 변수를 선언하는 방법은 크게 세 가지가 있습니다. var, let, 그리고 const. 이들 각각의 특징과 사용법에 대해 알아보겠습니다. var, 더 이상 권장되지 않는 변수 선언 방식 var - JavaScript | MDN var 문은 변수를 선언하고, 선택적으로 초기화할 수 있습니다. developer.mozilla.org var는 자바스크립트에서 가장 오래된 변수 선언 방식 중 하나입니다. 하지만 최근의 ECMAScript 표준에서는 더 이상 권장되지 않습니다. var의 특징은 다음과 같습니다 var myVar = "Hello World"; var myVar = "test1"; // 다시 선언 .. 2023. 10. 19.
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.

티스토리툴바