본문 바로가기

Programming & Platform136

Github 배포 환경에서 이벤트로 하위 폴더 이동 시 주의할 점 Github 배포 환경에서 이벤트로 하위 폴더 이동 시 주의할 점 팀원과 작성한 웹페이지를 GitHub에 배포하고 기능 확인 중 어느 한 곳에서 계속 오류가 나타났습니다. 그러다가 페이지 이동간 경로 때문이라는 걸 알게 되었고 오류를 수정할 수 있었습니다. 이 글에서는 오류 발견과 해결 과정 및 해결방법에 대해 알려드리겠습니다. Github 배포하다 만난 404 팀원과 작성한 웹페이지를 배포하려고 리포지토리 만들고 폴더를 집어넣었습니다. 그러고 나서 배포 작업을 끝나고 나니 메인페이지는 잘 구동되었습니다. 하지만 메인페이지에서 상세 페이지로 넘어가는 버튼 이벤트에서 404 에러를 보았습니다. 처음 오류가 발생했을 때에는 원인을 찾지 못하였는데 개발자 도구를 확인하고 해당 상세 페이지 자체를 읽어오지 못한.. 2023. 10. 30.
JavaScript event.target와 event.currentTarget 차이 쉽게 익히기 JavaScript event.target와 event.currentTarget 차이 쉽게 익히기 JavaScript에서 이벤트 처리 중 두 가지 주요 속성인 event.target과 event.currentTarget은 이벤트 핸들러에서 요소를 지정하고 식별하는 데 중요한 역할을 합니다. 이 글에서는 두 속성의 차이를 설명하고 예시 코드를 통해 보다 쉽게 이해하도록 하겠습니다. event.target : 이벤트의 실제 목표 요소 javascript 함수선언문과 함수표현식 소개, 특징, 차이점, 예시 javascript 함수선언문과 함수표현식 소개, 특징, 차이점, 예시 JavaScript는 함수를 정의하는 여러 가지 방법을 제공합니다. 그 중에서도 함수 선언문과 함수 표현식은 가장 흔히 사용되는 두 가.. 2023. 10. 30.
JavaScript에서 객체를 문자열로 변환하는 방법 소개 JavaScript에서 객체를 문자열로 변환하는 방법 소개 JavaScript에서 객체를 문자열로 변환하는 것은 데이터 저장 및 교환을 위해 중요한 작업입니다. 이 글에서는 객체를 문자열로 변환하는 두 가지 주요 방법을 다루고, 각각의 장단점과 예시 코드를 통해 이해하겠습니다. 1. JSON.stringify() 메서드 1.1. JSON.stringify()의 역할 JSON.stringify() 메서드는 JavaScript 객체를 JSON 문자열로 변환합니다. 이 방법은 가장 일반적으로 사용되며, 객체의 속성을 문자열로 변환하는 데 효과적입니다. JSON.stringify() - JavaScript | MDN JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환.. 2023. 10. 29.
JavaScript 요즘 개발 패턴 2가지 선택적 연산자, 널리시 병합 연산자 JavaScript 요즘 개발 패턴 2가지 선택적 연산자, 널리시 병합 연산자 JavaScript의 개발 패턴은 계속 발전하고 있으며, 최신 표준 및 모범 사례를 따르는 것이 중요합니다. 이 글에서는 현대적인 개발 패턴 중 하나인 "Optional Chaining (선택적 연산자)"과 "Nullish Coalescing (널리시 병합 연산자)"에 대해 살펴보겠습니다. Optional Chaining (선택적 연산자) Optional chaining - JavaScript | MDN optional chaining 연산자 (?.) 는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있다. developer.mozilla.org 선택적 연산자의 .. 2023. 10. 28.
javascript 함수선언문과 함수표현식 소개, 특징, 차이점, 예시 javascript 함수선언문과 함수표현식 소개, 특징, 차이점, 예시 JavaScript는 함수를 정의하는 여러 가지 방법을 제공합니다. 그 중에서도 함수 선언문과 함수 표현식은 가장 흔히 사용되는 두 가지 방식 중 하나입니다. 이 글에서는 두 방식의 차이점과 각각의 예시 코드를 통해 이해하겠습니다. 함수 선언문 (Function Declaration) 함수 선언 - JavaScript | MDN 함수 선언(function declaration)은 지정된 매개변수(parameter)를 갖는 함수를 정의합니다. developer.mozilla.org 호이스팅 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 자바스크립트 호이스팅은 인터프리터가 코드를 실행하기 전에 함수, 변수, 클래스 또는.. 2023. 10. 27.
JavaScript 함수와 메서드 개념, 차이, 활용, 예시코드 JavaScript 함수와 메서드 개념, 차이 활용 예시 코드 JavaScript는 함수와 메서드라는 두 가지 중요한 개념을 제공하여 코드를 구성하고 기능을 구현하는 데 도움을 줍니다. 이 글에서는 JavaScript에서 함수와 메서드가 무엇이며 어떻게 활용되는지에 대해 살펴보겠습니다. 함수 (Function) 함수의 정의와 선언 함수는 JavaScript에서 재사용 가능한 코드 블록을 정의하는 방법입니다. 함수는 특정 작업을 수행하거나 값을 반환할 수 있습니다. 함수는 다음과 같이 정의됩니다. function greet(name) { console.log(`안녕하세요, ${name}!`); } 함수의 호출 정의된 함수는 필요할 때 호출할 수 있습니다. 함수를 호출할 때 인자(파라미터)를 전달할 수 있습.. 2023. 10. 25.
JavaScript Falsy한 값과 Truthy한 값 소개, 특징, 예시 코드 javaScript Falsy한 값과 Truthy한 값 소개, 특징, 예시 코드 JavaScript에서는 조건문, 논리 연산, 그리고 다양한 상황에서 값을 평가할 때 Falsy와 Truthy 값을 고려해야 합니다. Falsy와 Truthy는 조건을 판단하고 코드의 로직을 제어하는 중요한 개념입니다. 이 글에서는 Falsy와 Truthy 값의 의미와 예시 코드를 통해 이해하겠습니다. 1. Falsy 값 거짓같은 값 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 거짓 같은 값(Falsy, falsey로 쓰이기도 함) 값은 Boolean 문맥에서 false로 평가되는 값입니다. developer.mozilla.org Falsy 값은 조건이 거짓(False)으로 간주되는 값입니다. JavaSc.. 2023. 10. 24.
javascript와 spring의 개념, 특징, 장점, 비교 및 앞으로의 전망 javascript와 spring의 개념, 특징, 장점, 비교 및 앞으로의 전망 프로그래밍은 현대 소프트웨어 개발의 핵심 요소 중 하나입니다. 이 글에서는 JavaScript와 Spring이라는 두 가지 중요한 도구에 대해 알아보고, 각각의 개념과 특징, 장점 3가지를 소개하고 비교해보겠습니다. 또한 이 두 기술의 미래에 대한 전망도 다루어보겠습니다. JavaScript, 웹 개발의 핵심 언어 JavaScript | MDN JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 developer.mozil.. 2023. 10. 23.
JavaScript 전역변수와 지역변수의 소개, 특징, 차이점, 예시 코드 JavaScript 전역변수와 지역번수의 소개, 특징, 차이점, 예시코드 JavaScript에서 변수는 전역변수와 지역변수 두 가지 범위로 나뉩니다. 이 글에서는 이 두 분류의 변수의 차이점과 예시 코드를 통해 이해해보겠습니다. 전역변수 (Global Variables) 문법과 자료형 - JavaScript | MDN 이 장은 JavaScript의 기본 문법과 변수 선언, 자료형 및 리터럴을 다룹니다. developer.mozilla.org 전역변수는 어디서든 접근 가능한 변수로 프로그램 전체에서 사용할 수 있는 변수를 의미합니다. 전역변수의 특징 어디서든 접근 가능하며 어디서든 수정 가능합니다. 전역변수는 프로그램의 어느 위치에서도 호출 가능합니다. 전역변수는 전역 스코프(Global Scope)에 속.. 2023. 10. 22.