전체 글 70

[Git] Git 초기 설정 및 기본 명령어 사용법

Git을 사용하기 위한 초기 설정과 기본 명령어들을 정리해 보았습니다.Git을 처음 설정하고, 파일을 원격 저장소에 올리는 과정을 단계별로 설명합니다.초기 설정1. 깃으로 해당 디렉토리 관리 시작이 명령어로 현재 디렉토리를 Git 저장소로 초기화합니다. $ git init 2. 레파지토리를 origin으로 연결원격 저장소의 URL을 origin이라는 이름으로 연결합니다.$ git remote add origin [레파지토리 주소]3. 연결 확인연결된 원격 저장소 주소를 확인합니다.$ git remote -v4. 사용자 정보 설정 (로컬 저장소에만 적용)사용자 이름 설정:$ git config --global user.name "Your Name" 이메일 설정:$ git config --global use..

기술 노트 2024.12.06

[CSS] CSS 선택자 다루기 | 선택자 예제

1. 선택자선택자는 CSS 속성을 적용할 대상을 선택하는 문법으로, 다양한 종류의 선택자를 지원한다.  2. 기본 선택자전체 선택자모든 태그를 선택자로 지정한다. 형식 : *{ /* CSS 코드 */ }태그 선택자태그명으로 선택자를 지정한다. 형식 : 태그명{ /* CSS 코드 */ }아이디 선택자id 속성값으로 선택자를 지정한다. 형식 : #id속성값{ /* CSS 코드 */ }클래스 선택자 class 속성값으로 선택자를 지정한다. 형식 : .class속성값{ /* CSS 코드 */ }기본 속성 선택자 HTML 태그에서 사용할 수 있는 속성과 값으로 선택자를 지정한다. 형식 : [속성]{ /* CSS 코드 */ } 혹은 [속성=값]{ /* CSS 코드 */ }문자열 속성 선택자 태그의 속성값이 특정한 ..

[CSS] CSS 기초 | 내부 스타일 시트 | 외부 스타일 시트 | 인라인 스타일

1. CSS 기본 문법CSS는 기본으로 선택자와 선언부로 구성된 문법 형태를 가진다. 선택자 CSS 속성을 적용할 대상(태그, 요소)을 지정하는 영역이다. 선언부 선택자로 지정된 대상(태그, 요소)에 적용할 CSS 속성과 값을 적는 영역이다.  2. 주석주석은 코드에 설명을 남기는 것을 말한다. CSS에서 주석 내용은 /*와 */ 사이에 작성할 수 있다. /* 주석 내용 작성 */ 3. CSS 적용 방법CSS를 HTML 문서에 적용하는 방법은 3가지이다. 내부 스타일 시트 방법HTML 문서 내부에 style 태그로 CSS 코드를 작성해 적용하는 방법이다. 외부 스타일 시트 방법별도의 CSS 파일을 만들어 HTML 문서와 link 태그로 연결해 CSS를 적용하는 방법이다.인라인 스타일 방법모든 태그에서 사..

[HTML] 자주 사용하는 HTML 필수 태그, 예제 3문제

1. 텍스트 관련 태그HTML에서 텍스트에 사용할 수 있는 태그이다.hn 태그주제나 제목 성격의 텍스트를 작성할 때 사용p 태그텍스트로 문장 또는 단락을 구성할 때 사용br 태그텍스트를 줄 바꿈할 때 사용blockquote 태그문단 단위의 인용문을 작성할 때 사용q 태그문장 단위의 짧은 인용문을 작성할 때 사용ins 태그추가할 텍스트를 표시할 때 사용del 태그삭제할 텍스트를 표시할 때 사용sub 태그아래 첨자를 표시할 때 사용sup 태그위 첨자를 표시할 때 사용 2. 그룹을 위한 태그HTML에서 그룹화에 사용하는 태그로 div와 span 태그가 있다. 이 태그들은 태그 자체에 어떠한 의미도 없으므로 논 시맨틱 태그에 속한다. 시맨틱 태그시맨틱은 사전적으로 '의미론적'이라는 뜻이므로 시맨틱 웹은 '의미론..

[깃허브] 프로필 꾸미기 | README | 백준 티어 HTML코드

깃허브 README, 프로필에 백준 티어를 보여주게끔 추가하는 코드를 이번 글에서 공유하려고 한다 ! 나같은 경우에, 기존에 프로필(README)는 꾸며두었던 상태여서, 백준 티어만 보여주게끔 추가했으면 됐다. 1. solved.ac 로그인 연동참고로, 백준 티어를 리드미에 추가하려면 가장 먼저 아래 사이트에서 로그인이 연동되어 있어야 한다. https://solved.ac/ solved.ac알고리즘 문제해결 학습의 이정표 🚩 Baekjoon Online Judge 문제들의 난이도 및 티어 정보를 제공하는 사이트입니다.solved.ac  해당 사이트를 들어간 후 우측 상단 로그인을 클릭해준다.   그러면 백준 사이트로 연결되면서 로그인을 할 수 있는 창이 뜬다.   그러면 아래 사이트로 이동되면서 사용..

기술 노트 2024.11.27

[VS Code] 설치하면 좋은 확장 프로그램, Live Server 실행 방법

0. Visual Studio Code(VS Code) 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.code.visualstudio.com가장 먼저, 비주얼 스튜디오 코드를 먼..

[프로그래머스] 최빈값 구하기 - JAVA

문제 설명최빈값은 주어진 값 중에서 가장 자주 나오는 값을 의미합니다. 정수 배열 array가 매개변수로 주어질 때, 최빈값을 return 하도록 solution 함수를 완성해보세요. 최빈값이 여러 개면 -1을 return 합니다. 제한사항0 0 ≤ array의 원소 입출력 예array result[1, 2, 3, 3, 3, 4]3[1, 1, 2, 2] -1[1]1입출력 예 설명 입출력 예 #1 [1, 2, 3, 3, 3, 4]에서 1은 1개 2는 1개 3은 3개 4는 1개로 최빈값은 3입니다.입출력 예 #2[1, 1, 2, 2]에서 1은 2개 2는 2개로 최빈값이 1, 2입니다. 최빈값이 여러 개이므로 -1을 return 합니다.입출력 예 #3[1]에는 1만 있으므로 최빈값은 1입니다.풀이 1 - en..

코딩 테스트 2024.11.24

[백준] 3052번 자바, BufferedWriter

https://www.acmicpc.net/problem/3052백준 3052번 문제는 위 링크에서 확인해볼 수 있다! 입력첫째 줄부터 열번째 줄 까지 숫자가 한 줄에 하나씩 주어진다. 이 숫자는 1,000보다 작거나 같고, 음이 아닌 정수이다.출력첫째 줄에, 42로 나누었을 때, 서로 다른 나머지가 몇 개 있는지 출력한다. 글을 왜 쓰느냐하면, BufferedReader와 BufferedWriter를 사용할 때 내가 겪은 오류를 공유하고자 글을 쓴다. ❌ bw.write(count); ⭕ bw.write(String.valueOf(count));import java.io.*;public class Main{ public static void main(String[] args) throws IOEx..

코딩 테스트 2024.11.22

[프로그래머스-깃허브] 프로그래머스와 깃허브 연동하기, 자동 커밋, 백준허브

2024.11.13 - [기술 노트] - [백준-깃허브] 백준과 깃허브 연동하기, 자동 커밋, 백준허브 [백준-깃허브] 백준과 깃허브 연동하기, 자동 커밋, 백준허브❔ 백준 허브란먼저, 백준과 깃허브를 연동하기 위해서는 백준허브라는 확장 프로그램이 필요하다. 백준허브는 Leetcode의 제출 코드를 자동 푸시해주는 LeetHub라는 프로젝트를 포크하여 만든 익juble00.tistory.com 내일 코딩테스트가 있다. 그런데, 알고리즘 뿐만아니라 DB 문제도 있다고 해서 SQL 손코딩을 검색해보다가 프로그래머스에 SQL 고득점 Kit가 있다는 것을 발견했다 !그리고 마침 저번에 백준과 깃허브를 연동했었는데, 이 방법이 프로그래머스에서도 똑같이 된다는 점이다 !다만 내가 저번에 레파지토리를 백준으로 만들었..

기술 노트 2024.11.21

[JPA 활용] QueryDSL 기본 Q-Type 활용 방법

2024.11.17 - [QueryDSL] - [JPA활용] JPQL vs Querydsl - assertThat() 사용법 [JPA활용] JPQL vs Querydsl - assertThat() 사용법JPQL vs Querydsl두가지를 비교하기 위한 테스트 코드이다참고로 봐주면 좋을 것 같고, 강의는 인프런에서 들으면 된다 ! ✅ assertThat() 사용법강의를 따라 코드를 작성하다보면 assertThat()을 사용하juble00.tistory.com저번 글에 이어 이번 글은 Q-Type 활용 방법이다.  먼저, 저번에 작성했던 Test 코드를 보겠다!✅ Q클래스 인스턴스를 사용하는 2가지 방법1. 별칭 직접 지정package study.querydsl;import com.querydsl.jpa...

QueryDSL 2024.11.18
728x90
반응형