본문 바로가기

분류 전체보기226

내일배움캠프 팀 프로젝트 - 영화 검색 사이트 (상세 페이지 추가) 내일배움캠프 팀 프로젝트 - 영화 검색 사이트 (상세 페이지 추가) 이번 과제는 팀으로 진행되었습니다. 기존 개인 프로젝트에서 했던 영화 검색 사이트의 심화 버전으로 영화의 상세 페이지와 리뷰 작성 기능이 추가되었습니다. 과제 진행 과정과 발생했던 주요 이슈 및 결과물에 대해 소개하겠습니다. 영화 검색 사이트의 심화버전 이번 과제는 팀으로 진행되었으며, 개인 프로젝트에서 진행한 영화 검색 사이트의 심화 버전으로 이루어졌습니다. 내일배움캠프 개인프로젝트 - 최고 평점 영화 검색 사이트 내일배움캠프 개인프로젝트 - 최고 평점 영화 검색 사이트 내일배움캠프 첫 개인프로젝트는 최고 평점 영화 검색하는 페이지 구현이었습니다. 이 글에서는 프로젝트 진행 과정과 어려웠던 부분 lemonlog.tistory.com (.. 2023. 10. 31.
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.
Node.js와 Spring 개념, 특징, 장점, 비교 및 앞으로의 전망 - 서버 개발의 양대 강자 Node.js와 Spring 개념, 특징, 장점, 비교 및 앞으로의 전망 - 서버 개발의 양대 강자 서버 개발은 현대 소프트웨어 개발에서 핵심적인 부분 중 하나입니다. 이 글에서는 Node.js와 Spring, 두 가지 주요한 서버 개발 프레임워크에 대해 개념과 특징, 그리고 장점 3가지를 소개하고 비교해보겠습니다. 또한 이 두 기술의 미래에 대한 전망도 다루어보겠습니다. Node.js, 빠르고 경량화된 서버 개발 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js는 자바스크립트를 사용하여 서버 개발을 할 수 있게 해주는 런타임 환경입니다. 주요 특징은 다음과 같습니다. 특징 이.. 2023. 10. 26.
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.

티스토리툴바