개발이 취미인 사람

개요CSS(Cascading Style Sheets)는 HTML로 작성된 웹 문서의 시각적 표현을 담당하는 언어입니다. 이 글에서는 CSS가 왜 존재하는지, HTML과 어떤 관계인지, 브라우저가 CSS를 어떻게 처리하는지를 다룹니다.1. CSS가 없는 웹CSS를 이해하려면, 먼저 CSS가 없는 상태를 봐야 합니다. 안녕하세요 이것은 CSS가 없는 HTML 문서입니다. 링크입니다 항목 1 항목 2 버튼이 HTML을 브라우저에서 열면 아무 스타일도 작성하지 않았는데 다음과 같이 보입니다: 은 크고 굵은 글씨 는 위아래 여백이 있는 문단 는 파란색 밑줄 은 점 마커가 있는 리스트 은 회색 테두리 버튼왜? 브라우저가 자체적으로 가지고 있는 기본 스타일(User Agent Sty..

개요안녕하세요. 이번 시간에는 Java의 **참조 타입(Reference Type)**이 메모리에 어떻게 저장되는지 알아보겠습니다.이전 글에서 리터럴에 대해 배웠는데, "기본 타입은 Stack에 값이 저장되고, 문자열은 Heap에 저장된다"는 말을 했었죠? 오늘은 이 개념을 확실하게 이해해볼 거예요! "Stack에 주소를 저장한다"는 말이 정확히 무슨 의미인지, 왜 ==과 equals()가 다른 결과를 내는지, null은 무엇을 의미하는지 등을 메모리 관점에서 깊이 있게 다뤄보겠습니다.이 개념을 이해하면 Call by Value, String Pool, Garbage Collection 등의 고급 주제들이 훨씬 쉬워집니다!개념기본 타입 vs 참조 타입Java의 데이터 타입은 크게 2가지로 나뉩니다.기본 ..

개요안녕하세요. 이번 시간에는 Java의 가장 기초적이지만 중요한 개념인 **리터럴(Literal)**에 대해 알아보겠습니다. "리터럴이 뭔가요?"라고 물어보면 많은 개발자들이 명확하게 설명하지 못하는 경우가 많습니다. 하지만 리터럴은 Java 프로그래밍의 가장 기본이 되는 개념이에요! 특히 String Pool, 메모리 구조, 참조 타입 등을 이해하려면 리터럴 개념을 정확히 알아야 합니다. 오늘은 "코드에 직접 적는 값"인 리터럴에 대해 쉽고 명확하게 정리해보겠습니다.개념리터럴(Literal)이란?"소스 코드에 직접 입력한 값 그 자체"다시 말해, 우리가 코드를 작성할 때 **"직접 적는 데이터"**를 리터럴이라고 합니다.쉬운 비유레시피: "설탕 100g을 넣으세요" ^^^^ ..

개요안녕하세요. 이번 시간에는 Java의 인자 전달 방식인 Call by Value와 Call by Reference에 대해 알아보겠습니다.Java를 공부하다 보면 "함수에 객체를 넘겼는데 왜 원본이 바뀌지?", "근데 왜 재할당은 안 되는 거야?"라는 의문이 생기곤 합니다. 특히 "Java는 Call by Value다" vs "Java는 객체는 Call by Reference다"라는 논쟁은 개발자 면접에서도 자주 등장하는 단골 질문입니다. 오늘은 이 혼란스러운 개념을 명확하게 정리하고, 실제 메모리 관점에서 어떻게 동작하는지 깊이 있게 다뤄보겠습니다!개념Call by Value란?함수에 값의 복사본을 전달하는 방식입니다.함수 내에서 매개변수를 변경해도 원본 변수는 영향을 받지 않습니다.void chan..

개요안녕하세요. 이번 시간에는 Git Tag에 대해 알아보겠습니다. Tag는 특정 커밋에 버전을 표시하는 기능으로, 소프트웨어 릴리즈 관리에 필수적입니다. v1.0.0, v2.1.0과 같은 버전 번호를 Git으로 관리하는 방법을 배워보겠습니다. 혹시 이전 시간에 내용을 학습하고 오시지 못 하신 분들은 학습하고 오시는 걸 추천드리겠습니다. [Git] - Git Stash - 임시 저장 활용법- Tag란?Tag는 Git의 특정 커밋에 대한 **참조(reference)**입니다. 주로 릴리즈 버전을 표시하는 데 사용됩니다.Tag의 용도✅ 주요 용도:- 릴리즈 버전 표시 (v1.0.0, v2.1.0)- 특정 시점의 코드 스냅샷 저장- 배포 이력 관리- 다운로드 가능한 릴리즈 생성💡 예시:v1.0.0 → 첫 번..

개요안녕하세요. 이번 시간에는 Git Stash에 대해 알아보겠습니다. Stash는 작업 중인 변경사항을 임시로 저장하는 기능으로, 브랜치 전환이나 긴급 작업 시 매우 유용합니다. 실무에서 자주 사용하는 필수 기능이니 꼭 익혀두시기 바랍니다. 혹시 이전 시간에 내용을 학습하고 오시지 못 하신 분들은 학습하고 오시는 걸 추천드리겠습니다. [Git] - Pull Request(PR) / Merge Request(MR) 작성법 - Stash란?Stash는 현재 작업 중인 변경사항을 임시로 저장해두는 Git의 기능입니다. 커밋하지 않은 변경사항을 안전하게 보관하고, 나중에 다시 불러올 수 있습니다. Stash의 필요성상황 1: 기능 개발 중인데 긴급 버그 수정 요청이 들어옴- 현재 작업을 커밋하기엔 아직 완성되..

개요안녕하세요. 이번 시간에는 협업에서 가장 중요한 Pull Request(PR)와 Merge Request(MR) 작성법에 대해 알아보겠습니다. GitHub에서는 Pull Request, GitLab에서는 Merge Request라고 부르지만 기본 개념은 동일합니다. 혹시 이전 시간에 내용을 학습하고 오시지 못 하신 분들은 학습하고 오시는 걸 추천드리겠습니다. [Git] - Clone vs Fork 차이점 - Pull Request란?Pull Request(PR)는 내가 작성한 코드를 프로젝트의 메인 브랜치에 병합해달라고 요청하는 기능입니다. 단순히 코드를 합치는 것이 아니라, 코드 리뷰를 받고 팀원들과 소통하는 협업의 핵심 도구입니다.PR의 목적코드 리뷰를 통한 품질 향상팀원들과의 코드 공유 및 토론..

개요안녕하세요. 이번 시간에는 Clone과 Fork의 차이점에 대해 알아보겠습니다. 둘 다 원격 저장소의 코드를 가져오는 방법이지만, 목적과 사용 상황이 다릅니다. 특히 오픈소스 기여를 할 때 Fork를 많이 사용하게 되는데, 정확한 개념을 이해하고 넘어가겠습니다. 혹시 이전 시간에 내용을 학습하고 오시지 못 하신 분들은 학습하고 오시는 걸 추천드리겠습니다. [Git] - push, pull, fetch 명령어 이해 - Clone vs Fork 한눈에 보기 항목 Clone Fork정의저장소를 로컬에 복제저장소를 내 계정에 복제위치로컬 컴퓨터GitHub (원격)명령어git cloneGitHub 웹에서 클릭원본 연결origin으로 연결별도 연결 없음push 권한권한 있으면 가능내 저장소에만 가능주 사용처팀 ..

개요안녕하세요. 이번 시간에는 Git의 push, pull, fetch 명령어에 대해 알아보겠습니다. 원격 저장소와 로컬 저장소 간에 코드를 주고받는 핵심 명령어들입니다. 각 명령어의 차이점과 사용법을 실습과 함께 살펴보겠습니다. 혹시 이전 시간에 내용을 학습하고 오시지 못 하신 분들은 학습하고 오시는 걸 추천드리겠습니다. [Git] - 충돌(Conflict) 해결 방법- push, pull, fetch 개념 세 명령어는 로컬과 원격 저장소 간의 동기화를 담당합니다.명령어 방향 설명push로컬 → 원격내 커밋을 원격에 업로드fetch원격 → 로컬원격 변경사항 가져오기 (병합 X)pull원격 → 로컬fetch + merge (가져오고 병합)- git pushgit push는 로컬 저장소의 커밋을 원격 저장..

개요안녕하세요. 이번 시간에는 Git 충돌(Conflict) 해결 방법에 대해 알아보겠습니다. 여러 사람이 협업하다 보면 같은 파일의 같은 부분을 수정하는 경우가 발생합니다. 이때 Git은 자동으로 병합하지 못하고 충돌이 발생하게 됩니다. 충돌을 두려워하지 말고, 해결 방법을 익혀두면 자신있게 대처할 수 있습니다. 혹시 이전 시간에 내용을 학습하고 오시지 못 하신 분들은 학습하고 오시는 걸 추천드리겠습니다.[Git] - Rebase vs Merge 차이점 - 충돌이란?충돌(Conflict)은 Git이 자동으로 병합할 수 없는 상황을 말합니다. 두 브랜치에서 같은 파일의 같은 라인을 다르게 수정했을 때 발생합니다. 충돌이 발생하는 상황main 브랜치:파일: greeting.js내용: console.log..