일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- firestoredatabase
- HTML
- 배포
- API
- Fetch
- supabase
- db
- bootstrap
- til
- CSS
- data
- jQuery
- Boostrap
- REACT
- SQL
- W
- this
- JavaScript
- http
- useEffect
- url
- Database
- Cloud
- nosql
- Github Pages
- github
- TMDB
- web
- IntersectionObserver
- Protocol
- Today
- Total
목록분류 전체보기 (108)
072DATA
오늘은 CSS에서 요소의 배치와 레이아웃을 조정하는 데사용되는 두 가지 속성인 Margin과 Padding에 대해서 기록해보려고 한다. 우선 두 속성을 한줄로 요약하면Margin의 경우에는 요소를 기준으로 바깥쪽에 여백을 두고 싶을 때 사용하며Padding의 경우에는 요소를 기준으로 안쪽에 여백을 넣고 싶을 때 사용한다 Margin 해당 페이지는 간단한 로그인 페이지이며 페이지 내부에 있는 요소들을 Margin을 사용하여 페이지 중심으로 옮겨 조금이나마 더 로그인 페이지처럼 보이도록 배치하려고 한다 .example { margin-top: 50px; /* 위쪽 여백 */ margin-right: auto; /* 오른쪽 여백 */ margin-bottom: 0px; /* 아래쪽 ..
많이 사용하는 Git 명령어 새로운 GIt 저장소를 생성할 때git init initialize ( 초기화하다, 초기 세팅하다)의 준말프로젝트 시작 전 딱 한 번만 입력하면 됨 (여러 번 입력해도 문제되진 않음)정확한 프로젝트 폴더(경로)에서 입력해야 함 저장할 파일을 지정할 때git add 파일명git add . ////// 변경된 모든 사항을 지정 지정된 파일을 저장할 때git commit -m “메세지 작성” 변경 상태를 확인할 때git status 저장 내역을 확인할 때git loggit diff으로 코드 변경 확인git reset으로 과거로 돌아가기 가능 변경 사항을 원격 서버 업로드할 때git push origin master 저장된 코드를 복제할 때git clone [URL 주소]
꼭 외워두는 기본적인 Git 명령어 6가지 현재 작업중인 문서 위치 ( print working directory )pwd 현재 위치에서 폴더 및 파일 확인 ( list )ls 전체 파일 확인 ( list all ) - 숨겨진 파일도 모두 볼 수 있음ls -a 문서 위치 변경 ( change directory )cd 폴더명 ////////// 폴더명의 위치로 이동cd .. ///////// 상위 폴더로 돌아감cd 위치/폴더명/폴더명 ///////// 경로로 한 번에 이동 새로운 폴더 생성 (make directory)mkdir 폴더명 새로운 파일 생성 touch 파일명 새로운 폴더 생성은 mkdir로 make directory 라는 명령어를 가지고 있는 반면에 새로운 파일 생성은 make file의 줄임..
회원가입에 성공할 때 회원가입한 날짜를 create_date에 넣으려고 하는데 null값으로 입력될 때 @EntityListeners(AuditingEntityListener.class) 가 있는지 확인하고 없으면 어노테이션을 추가한다 그 뒤에 application으로 가서 @EnableJpaAuditing 를 추가해주면 된다!
1. 명령 프롬프트 실행 2. 프로젝트 폴더 경로를 복붙한다 3. 명령 프롬프트에 " cd + 공백 한개 + 복사한 경로 " 엔터 4. "gradlew" 쌍 따옴표 안에 있는 문자 입력하고 "gradlew build" 입력 dir 입력 후 build폴더가 존재하면 다음 단계로! 5. "cd build\lib" 쌍 따옴표 안에 있는 문자를 입력 *build와 lib 사이에 \ (원표시)를 입력했는지 확인 dir입력 후 spring 파일이 존재하면 다음 단계로 6. java -jar hello-spring-0.0.1-SNAPSHOT.jar 입력하면 서버 실행 완료 긑.
replaceAll은 문자열 메소드로 replace와 같은 기능을 하지만 차이가 명확하다 대체로 문자를 문자로 대체할 때 replace를 사용하는데 프로그래밍에서는 경우의 수가 많기에 상황에 맞는 문자를 다른 문자로 변경할 줄 알아야 한다. 그런 점에서 replaceAll이 유용하다고 할 수 있는데 replaceAll의 표현식은 굉장히 다양하다 간단한 표현식 5개를 알아보세~ 1. 숫자(\\d): //숫자를 특정 문자로 대체 (특정 문자는 "X"를 사용하겠소) String str = "Hello, 123!"; // \\d는 0부터 9까지의 숫자를 의미하고 따라서 숫자들을 전부 특정 문자로 대체한다. String con = str.replaceAll("\\d", "X"); System.out.println..
Arrays.sort 사전순으로 배열을 정리함 import java.util.Arrays; public class Test06 { public static void main(String[] args) { char[] charArray = {'b', 'a', 'd', 'c'}; // 문자 배열 오름차순으로 정렬 Arrays.sort(charArray); // 정렬된 배열 출력 System.out.println("Sorted Char Array: " + Arrays.toString(charArray)); } } 사전순의 역순으로 배열을 정리할 땐 Arrays.sort(charArray, Collections.reverseOrder()) 를 사용하여 정렬하면 된다. import java.util.Arrays;..
Arrays.copyOf 주어진 배열의 복사본을 생성하는데 길이를 늘리거나 줄여서 생성 가능함 만약 주어진 배열에 길이를 추가해야 할 때 Arrays.copyOf를 사용하여 추가 시킬 수 있음 반복문의 경우 조건에 해당할 때 마다 배열의 길이를 늘려야 한다면 아래 코드블럭처럼 사용 가능 int[] a = {}; for(int i=0; i
startsWith 메서드는 주어진 문자열이 특정 문자열로 시작하는지 여부를 확인합니다. String str = "HAVBOQPPA"; System.out.println(str.startsWith("HAV")); //str의 문자열이 HAV로 시작하기 때문에 //true를 반환(HAV로 시작하지 않으면 false) endsWith 메서드는 주어진 문자열이 특정 문자열로 끝나는지 여부를 확인합니다. String str = "HAVBOQPPA"; System.out.println(str.endsWith("PPA")); //str의 문자열이 PPA로 끝나기 때문에 true를 반환(PPA로 끝나지 않으면 false) (startsWith, endsWith와 비슷한 메소드로 contains(문자열을 포함하는지)메..
toLowerCase 영문자를 소문자로 변환 시켜줌 String str = "HEllO, WORLD"; System.out.println(str.toLowerCase()); //str의 값을 "hello, world"로 바꿔줌 toUpperCase 영문자를 대문자로 변환 시켜줌 String str = "hello, world"; System.out.println(str.UpperCase()); //str의 값을 "HELLO, WORLD"로 바꿔줌 length 문자열 혹은 배열의 길이를 반환함 String str = "HEllO, WORLD"; System.out.println(str.length); //str의 길이를 출력해줌(str의 길이는 12임) charAt(index) 지정된 인덱스에 있는 문자를..