코딩기록

git init : 이 프로젝트를 git이 관리하겠다. git remote add origin https://github.com/billups1/photogram.git 깃 커밋하는 법 git add . git commit –m “메세지” git push git reflog : 커밋내역 확인가능 git reset --hard ~~~~ : 복구 가능 (soft, mixed, hard) git branch ~~~ 브런치 생성 git checkout ~~~ 브런치 변경 git checkout –b ~~~ 브런치 생성하면서 체크아웃 git merge ~~~ ~~~브런치와 합체함 - fast forward merge 형상이 똑같을때 - 3-way merge 형상이 다를 때 git merge --no-ff [joi..

// children : 자식 요소만 모두 선택 // parentElement : 부모 요소 선택 // firstElementChild : 첫 번째 자식 요소 선택 // lastElementChild : 마지막 자식 요소 선택 // previousElementSibling : 이전 형제 요소 선택 // nextElementSibling : 다음 형제 요소 선택 document.querySelector("#btn2").addEventListener('click', () => { const test2 = document.querySelector('#test2'); //test2의 모든 자식 요소 console.log(test2.children); console.log(test2.parentElement); ..

재배포 절차는 다음의 9가지 단계로 진행된다. 해당 절차의 코드 내용을 정리하였다. 1. 환경변수 등록 -> 2. 실행 중인 크론 종료 -> 3. 현재 구동중인 서버 체크(구동 중이면 종료 / 구동되지 않고 있으면 최초 배포 준비(jdk 설치, timezone 설치)) -> 4. 기존 프로젝트 폴더 삭제 -> 5. git clone -> 6. 실행파일 권한 부여 -> 7. 빌드 -> 8. 실행 -> 9. 지속적 배포 크론 재실행 cf) 환경변수 설정하는 방법 export LOVE="i love you" 환경변수 저장 echo $LOVE = i love you ./.bashrc 에 적용하면 환경변수 영구히 사용 가능 1 aws 재부팅하면 적용되고 또는 2 source ./.bashrc 로 강제적용 할수도 ..

CSS 선택자의 우선순위 1순위: css속성: 속성값 !important; 2순위: inline-style 속성 (요소에 직접 작성되는 style속성) 3순위: 아이디 선택자(#아이디 속성명) 4순위: 클래스 선택자(.class 속성명) 5순위: 태그 선택자 (태그명) * 알아둬야 할 것 1) 동일한 우선 순위로 css 속성이 설정된 경우 -> 제일 마지막에 작성된 css 속성이 반영된다 2) 여러 선택자를 이용해서 같은 요소를 선택하더라도 지정되는 css 속성이 다르면 모두 반영된다. 화면 배치 방법(형식) : display 속성 요소가 화면에 어떻게 보여질지 형식을 지정하는 속성 - block : 화면을 수직 분할(행을 나눔) + width / height 속성 사용 가능 - inline : 화면을 ..

오늘 배운 CSS 선택자(자식 선택자, 후손 선택자, 반응 선택자, 상태 선택자, 동위 선택자) 내용을 정리하였다. 자식 선택자 지정된 요소 바로 하위에 존재하는 요소를 선택하는 선택자 작성법 선택자1 > 선택자2 {css코드 ;} - 선택자1: 부모 요소 선택(반드시 필요) - 선택자2: 자식 요소 선택(반드시 필요) #parent-ul { background-color: brown; } #parent-ul > li { background-color: orange; } #parent-ul > li > span { /* #parent-ul > span : 안됨, 자식의 자식은 바로 지정 안됨 */ background-color: teal; } 후손(자손) 선택자 지정된 요소의 모든 하위에 존재하는 요소를..

html과 자바스크립트에서 각각 체크박스의 체크여부 값을 받는 방법이 달라 정리했다. HTML(SPRINGBOOT @PostMapping 파라미터로 받아옴) @RequestBody boolean lessonPolicyCheckbox JS(JQuery 셀렉터로 확인) $("#lessonPolicyChkBox").is(":checked")

운동레슨예약 사이트의 회원 탈퇴 기능 구현 중 USER 데이터 삭제가 안되는 문제가 발생했다.다른 테이블에서 USER 테이블을 FOREIGN KEY로 참조하고 있기 때문이었다. 부모 데이터 삭제 시 자식 데이터를 삭제해주는 ON DELETE CASCADE 설정을 했다.  다음과 같이 만들어진 테이블의 foreign key constraints를 변경할 수 있다. 1. 기존의 foreign key를 지운다// 기존의 foreign key 지우는 방법ALTER TABLE table_name DROP FOREIGN KEY foreign_key_symbol// 실제 사용 예제alter table certificateldrop foreign key FKn3ngph1sb2mhouaacn7xy5v29; 2. ON D..

아임포트를 통한 결제 시스템 구현 중 계속하여 "IMP is not defined" 오류가 발생했다. 내부 js파일(/js/lesson/payment.js)에서 아임포트에서 제공하는 하기 링크의 라이브러리를 읽어와야 하는데 읽어오지 못했다. 문제는 html 파일에서 외부 js 파일을 불러오는 순서에 있었다. 외부 링크 라이브러리가 먼저 실행되어 js파일을 외부로부터 불러오고 내부 js파일을 불러오면, 내부 js파일에서 이를 잘 읽었다. 또 css 파일을 불러오는 link 태그가 가장 아래쪽에 있어야 잘 JS파일도 불러와 졌다.

패턴, 포맷별 출력 형식이다. LocalDateTime date = LocalDateTime.now( date.format(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss.SSS")) // 2021-09-02 14:56:20.669 date.format(DateTimeFormatter.BASIC_ISO_DATE) // 20210902 date.format(DateTimeFormatter.ISO_DATE) // 2021-09-02 date.format(DateTimeFormatter.ISO_DATE_TIME) // 2021-09-02T14:56:20.669 date.format(DateTimeFormatter.ISO_INSTANT) // ERROR date.forma..

지난번 단계에서 RDS, 엘라스틱빈스톡 환경을 구축했다. 이번에 Github Action을 통한 최종 배포를 진행한다. Github Action은 테스트, 배포, 필요한 스크립트 실행 등을 진행하여 ci/cd를 자동화 해주는 Github의 서비스이다. Github Action에게 일을 시키기 위해, Spring 프로젝트에 deploy.yml / 00-makeFiles.config / Procfile 3개의 파일을 적절한 경로에 만들어 주어야 한다. deploy.yml .github/workflows/*.yml 파일에 배포에 필요한 액션이 작성되는 스크립트이다. 제공되는 라이브러리 활용이 가능하다. name: lessonReserve on: push: branches: - prod jobs: build: ..