본문 바로가기
반응형

전체 글124

[GIT] Git 원격 저장소와의 동기화: clone, push, fetch, pull 개념 정리 Git을 사용하여 협업하거나 GitHub에 코드를 올리고 받아오는 과정에서 가장 자주 사용하는 명령어가 clone, push, fetch, pull입니다.이 글에서는 각 명령어가 의미하는 바와 상황에 따라 어떻게 사용하는지를 쉽게 정리해 보았습니다. 1. clone (클론)clone은 원격 저장소(repository)를 그대로 내 로컬 컴퓨터에 복사해오는 작업을 말합니다. GitHub, GitLab 등에 있는 프로젝트를 처음 내려받을 때 사용하는 명령어입니다.git clone 원격저장소URL 예시:git clone https://github.com/username/project.git 이 명령어를 실행하면 프로젝트 폴더가 생성되고, 해당 저장소의 .git까지 포함된 완전한 로컬 저장소가 만들어집니다. 2.. 2024. 8. 14.
[GIT] Git 기초 정리: 버전 관리 시스템과 깃허브 사용법 Git은 개발자뿐만 아니라 문서, 디자인 작업 등 모든 협업 환경에서 널리 사용되는 버전 관리 시스템입니다. 이 글에서는 Git의 개념부터 설치 방법, 주요 명령어, GitHub와의 관계까지 기본적인 내용을 정리하였습니다. 1. Git이란?Git은 소스코드의 변경 이력을 효율적으로 관리할 수 있는 분산형 버전 관리 시스템입니다.파일의 변경사항을 기록하고, 이전 상태로 돌아갈 수 있으며, 여러 사람이 동시에 작업해도 충돌 없이 관리할 수 있습니다.> 공식 Git 저장소: https://github.com/git/git 2. 버전 vs 패치 vs 업데이트버전, 패치, 업데이트는 모두 소프트웨어의 변경을 나타내는 용어이지만 그 의미는 조금씩 다릅니다.버전(Version): 소프트웨어의 주요 변경 사항을 구분하.. 2024. 8. 13.
[LINUX] 리눅스(Linux) 기초 정리: 설치부터 장점까지 리눅스는 많은 개발자와 서버 관리자들이 선호하는 오픈소스 운영체제입니다. 이 글에서는 리눅스의 개념, 장점, 그리고 설치 방법까지 간단히 정리해보았습니다. 1. 리눅스란?리눅스는 운영체제(Operating System)입니다. 운영체제는 컴퓨터의 하드웨어와 소프트웨어 사이에서 다리 역할을 하며, 사용자가 애플리케이션을 실행하고 다양한 작업을 수행할 수 있도록 도와줍니다. 리눅스는 유닉스(UNIX)를 기반으로 만들어진 오픈소스 운영체제이며, 다양한 분야에서 폭넓게 사용되고 있습니다. 2. 리눅스의 장점리눅스는 다음과 같은 이유로 많은 사용자들에게 선택받고 있습니다. 1. 오픈소스 및 무료누구나 자유롭게 사용할 수 있으며, 소스코드도 공개되어 있어 수정 및 배포가 자유롭습니다.2. 높은 품질과 안정성서버 운.. 2024. 8. 1.
[JQuery]슬라이드 라이브러리 정리 – [bxSlider, Swiper] 웹 사이트에서 콘텐츠를 슬라이드 형식으로 보여주는 UI는 사용자 경험을 높이는 데 매우 유용한 요소입니다. jQuery 기반의 슬라이더 라이브러리는 이러한 기능을 구현하기 쉽게 만들어 줍니다. 이번 글에서는 bxSlider와 Swiper라는 두 가지 대표적인 슬라이드 라이브러리에 대해 소개하겠습니다. 1. bxSlider – 간단하고 유연한 jQuery 콘텐츠 슬라이더bxSlider는 jQuery 기반의 반응형 콘텐츠 슬라이더입니다. 다양한 옵션을 제공하면서도 코드가 간단해 초보자도 쉽게 적용할 수 있습니다. 공식 GitHub 페이지https://github.com/stevenwanderski/bxslider-4 GitHub - stevenwanderski/bxslider-4: Responsive jQu.. 2024. 7. 30.
[JQuery]실습 & 심화 기능 정리 – DOM 탐색과 필터링 기능 총정리, 애니메이션, Ajax, 이벤트 위임 이번 포스팅에서는 jQuery에서 자주 사용하는 DOM 탐색과 필터링 기능을 정리합니다. 특히 부모/자식 관계를 기반으로 한 요소 탐색, form 요소의 선택자, 형제/후속 요소 탐색, 그리고 each() 반복문까지 실습 예제와 함께 정리하였습니다. 그리고 jQuery의 애니메이션 처리, Ajax 통신, 그리고 동적 이벤트 처리(delegate) 기능에 대해 정리하겠습니다. 1. 부모 요소 & 자식 요소 선택자DOM 요소 간의 계층적 구조를 활용하여 특정 위치에 있는 요소를 선택할 수 있습니다.$(document).ready(function(){ // 첫 번째 & 마지막 자식 요소 $("#m1 > span:first-child").css("border", "2px solid red"); $("#m1.. 2024. 7. 26.
[JQuery]실습 정리 – 인터랙티브 웹을 위한 필수 기능 학습 jQuery는 JavaScript를 더 간편하게 사용할 수 있도록 도와주는 라이브러리입니다. 이번 포스팅에서는 jQuery의 주요 기능을 예제와 함께 정리하였습니다. 웹 요소를 제어하고 동적인 UI를 구현하는 데 필수적인 기능 위주로 소개합니다. 1. 마우스 hover 이벤트hover()는 마우스를 요소 위에 올렸을 때와 벗어났을 때 각각의 동작을 정의합니다.$("#p1").hover( function(){ alert("hover START"); }, function(){ alert("hover END"); }); 2. focus & blur 이벤트focus()는 입력 필드에 포커스가 갔을 때, blur()는 포커스가 해제됐을 때 스타일을 변경합니다.$("input").focus(function(){.. 2024. 7. 25.
반응형

티스토리툴바