본문 바로가기

Programming & Platform158

gitignore 사용법 - 소스코드 제공 사이트 소개 (gitignore.io) gitignore 사용법 - 소스코드 제공 사이트 소개 (gitignore.io) 소프트웨어 개발 프로젝트를 진행하면 수많은 파일과 폴더가 생성되고 수정됩니다. 그런데 Git 저장소에는 모든 파일을 포함시키면 프로젝트를 깔끔하게 관리하기 어렵습니다. 뿐만 아니라 보안상 업로드되면 안되는 파일도 같이 올리는 경우가 생길 수 있습니다. 이때 Gitignore 파일이 중요한 역할을 합니다. 이 글에서는 Gitignore의 사용법과 이점에 대해 살펴보고, 프로젝트 관리의 핵심 도구로서의 역할 및 gitignore.io 사이트를 소개하겠습니다. gitignore 사용법 프로젝트 루트 디렉토리에 .gitignore 파일을 만들어야 합니다. 이 파일에 어떤 파일 및 폴더를 무시할지 명시합니다. 예를 들어, node_.. 2023. 11. 3.
터미널에서 SSH키 발급 받는 법, 안전한 원격 접속을 위한 필수 단계 터미널에서 SSH키 발급 받는 법, 안전한 원격 접속을 위한 필수 단계 안전한 원격 서버 접속을 위한 핵심 단계 중 하나는 SSH(Secure Shell) 키를 생성하는 것입니다. SSH 키를 사용하면 데이터 통신이 암호화되어 보안성이 향상되며, 비밀번호 인증 대신 사용자와 서버 간 안전한 연결을 확립할 수 있습니다. 이 블로그에서는 터미널에서 SSH 키를 생성하는 방법에 대해 알아보겠습니다. 터미널에서 SSH키 발급을 위한 필수 명령어 먼저, SSH 키를 생성하기 위해 사용할 명령어와 각 인자에 대해 간단히 설명하겠습니다. 아래 명령어를 사용하여 SSH 키를 생성할 수 있습니다. ssh-keygen -t rsa -b 4096 -C "email@gmail.com" ssh-keygen: SSH 키를 생성하.. 2023. 11. 2.
JavaScript 템플릿 리터럴 쉽게 배우기 - 소개, 특징, 장점, 예제 코드 JavaScript 템플릿 리터럴 쉽게 배우기 - 소개, 특징, 장점, 예제 코드 템플릿 리터럴은 JavaScript에서 문자열을 작성하는 새로운 방식을 제공합니다. 이 글에서는 템플릿 리터럴의 개념, 사용법, 그리고 예시 코드를 통해 이해하고 활용하는 방법을 알아보겠습니다. 템플릿 리터럴이란? 템플릿 리터럴의 개념 템플릿 리터럴은 문자열을 작성할 때 역따옴표(backticks)로 둘러싼 문자열 리터럴의 확장된 형태입니다. 이를 사용하면 변수나 표현식을 문자열에 쉽게 삽입할 수 있습니다. Template literals (Template strings) - JavaScript | MDN Template literals are literals delimited with backtick (`) charact.. 2023. 11. 2.
JavaScript forEach() 쉽게 배우기 - 소개, 구문, 특징, 예제 코드 JavaScript에서 forEach() 쉽게 배우기 - 소개, 구문, 특징, 예제 코드 JavaScript에서 배열을 다루는 중요한 메서드 중 하나인 forEach() 메서드에 대해 이해하는 것은 개발자에게 매우 중요합니다. 이 글에서는 forEach() 메서드의 개념, 사용법, 그리고 예시 코드를 통해 이해해보겠습니다. forEach() 메서드란? JavaScript에서 forEach 함수를 사용해 배열 순회하기 JavaScript의 forEach 메서드는 배열을 순회하는 여러 방법 중 하나입니다. 사용자는 실행하는 작업에 따라 각각의 특징을 고려하여 어떤 메서드를 사용할지 결정해야 합니다. 이 기사에서는 JavaScript www.freecodecamp.org forEach() 메서드의 개념 for.. 2023. 11. 1.
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.

티스토리툴바