My Tech Blog (분류 전체보기)

📌GIT checkout VS reset⚡ checkout은 head를 바꾼다.git checkout A : 작업 디렉토리는 A버전이된다.시간여행을 하는 것   git checkout main : 헤드를 메인으로 바꾼다.워킹디렉토리는 다시 B와 같아진다. 시간여행을 끝낸 것   ⚡ reset은 head의 branch를 바꾼다.git reset A : head가 가리키는 branch인 main을 A로 바꾼다.B 버전을 삭제하는 것.  git reset B : main이 B를 다시 가리키게 한다.B 버전을 삭제하는 것. B는 복원된 것. 이 상태에서 git checkout B 하면 이 상태에서 다시 git reset A 하면?현재 head가 가리키는 branch는 없기 때문에 head가 직접 A를 가리킨다..

이번 포스팅은 코딩 애플 영상에서 보기좋게 잘 요약된 부분만 가져왔다.공부하려고 블로그 하는 건데 다 아는 건 앞으로 시간 들여서 포스팅 하지는 않을 것이다.점점 포스팅이 귀찮아지고 있다. 명령어나 코드를 실행할 때마다 출력 결과나 화면이 어떻게 되는지 스크린샷해서 계속 보여줘야 하기 때문이다.코드 원하는대로 고치는 것도 노가다 + 시간 순삭인데기록 까지 남기는건 얼마나 부지런한 사람들인가MBTI P인 나로써는 점차 블로그에 기록 남기는 것도 힘들어지고 있다.(그냥 혼자 알고 끝내고 싶은 유혹이) ⚡git diff (잘 안쓰는 방식)- 최근 commit vs 현재 파일의 차이점을 보여준다.- `j`, `k`로 스크롤 조작, `q` 키로 종료- 단점 : 보기가 힘들다. ⚡git difftool- Vim 에..

⚡깃허브 웹에서 단축키 하나로 바로 코드 여는 법(Feat. VSCode) 수정하고 싶은 레파지토리를 클릭한다.나는 html_css을 클릭해주었다.  키보드에서 . 을 눌러보자. 그러면 주소창의 github.com이 github.dev로 바꿔면서웹에서 바로 편집할 수 있는 상태가 된다. 레파지토리가 VSCode로 웹 창에서 열리고 그 자리에서 수정 후 바로 커밋도 된다.코드는 수정할 데가 없어서 간단하게 READ.md 파일에 텍스트를 몇 자 적어 봤다.이렇게 변경사항이 생기면 좌측의 소스제어 아이콘에 숫자 1이 뜬다.  VSCode에서 소스 제어 탭(버전 제어)에 표시되는 숫자 "1"은 현재 작업 디렉토리에서 변경되었거나 추가되었지만 아직 Git에 스테이징되지 않은 파일이 하나 있다는 것을 의미한다. 소..

파일을 수정하다 보면 버전관리가 꽤 어렵다.어떤 상황에서 기존 원본이 어떻게 쓰일 지 모르니까 삭제를 하지 못하고 계속 이런 식으로 저장되서 쌓이는 것이다. 코드도 마찬가지이다. 처음에 블로그를 커스텀 할 때는 문제가 없었는데 조금씩 여기 저기 테마를 입히다 보니 이제 새로운 기능을 하나를 추가하면 기존에 잘 보이던 구독 버튼이 없어진다던가 하는 문제가 발생한다. 처음에는 한 두 군데만 커스텀 하면서 그냥 주석으로 추가한 기능과 날짜 정도만 적어 놓았는데 이제부터는 이런 식으로 하면 나중에는 관리가 안 될 것 같아서 버전관리를 하면서 내가 언제 어떤 부분을 수정했는지 추적을 해야 겠다고 생각했다.  이럴때 사용하는 것이 Git(깃)이다. 1. Git vs GitHub 참고로 깃이랑 깃허브(고양이)는 다르..

썸네일 귀찮다썸네일 안올리면 블로그 레이아웃이 안이뻐서 어쩔 수 없이 올린다 >바빠서 요새 바로 잠들어서블로그 할 시간이 없다ㅋㅋㅋㅋ  오늘 블로그 PC버전 커스텀한 내용무료 저작권 없는 배경음악(캐롤) 등록사이드바 메뉴 hover 하면 글씨 핑크 그라데이션메인 헤더 없애고 타이포그래피 커스텀메인헤더/썸네일헤더 →  랜덤 명언 생성기썸네일 헤더에 2024 인사말  내일 6시반 한정식 식당 예약12월 1일 -> 인프런 스프링, 코딩애플 강의 구매구독버튼 안 뜨는 문제 해결하기Liquid Button  티스토리 구독 버튼 태그 처음에 구독버튼 커스텀 하려고 했는데 안 떠서 이상하다 생각했다한참 설정 들어가서 구독버튼 확인하다가태그를 자세히 살펴 보니 owner이면 안뜨는거구나...그래서 구독 버튼을 확인하려..

코딩 애플 보다가 좋은 내용이 있어서 스크랩  오래된 사진들이나 인터넷에서 돌고 돌던 사진은아래 사진처럼 깨져 있는 경우가 많다.왜 JPEG는 디지털 풍화가 생길까?  만약 스마트폰으로 찍은 1000*1000px 사진을 업로드하려면 저장 공간이 얼마나 필요할까? 먼저 색상 하나(하나의 픽셀)를 저장하려면 3Byte의 용량이 필요하다.  하나의 픽셀에는하나의 RGB색상이 들어 있는데일반적으로 RGB는 Red, Green, Blue 3개의 색상을 조합해야 하나의 색상이 나온다. 따라서 하나의 가로 세로 1000픽셀인 사진 한 장을 저장하는데에는 적어도 3mb의 공간이 필요하다고 계산 해 볼 수 있다.하나의 사진 용량 = 1000*1000*3Byte = 3mb 근데 우리가 인터넷에 사진을 업로드 해 보면? 훨..

서블릿의 포워드 방법 4가지redirect, Refresh, location, dispatch 자주 사용되는 것sendRedirect와 forward(스프링에서 많이 사용) ⚡Redirect- HttpServletResponse 객체의 sendRedirect()- 웹브라우저에 재요청 하는 방식- 다른 웹 컨테이너에 있는 주소로 이동 가능- 추가적으로 발생하는 처리에 의해 포워딩보다 성능이 느리다.sendRedirect("포워드할 Servlet 또는 JSP") ⚡location- 자바스크립트 location 객체의 href 속성을 이용- 자바스크립트에서 재요청하는 방식location.href = '요청할 서블릿 또는 JSP' ⚡dispatch- 일반적으로 포워딩 기능을 지칭- 서블릿이 직접 요청- Requ..

1. form 태그encrype자주 사용되는 속성값 "name", "method", "actioin", "encrype" 파일이나 이미지 업로드가 있는 폼은 반드시 enctype="multipart/from-data" 이 타입으로 지정을 해야 파일 업로드(전송)이 된다. 그래야 서버에 파일을 저장해서 처리 할 수 있다.    보안때문에 자동완성이나 입력 값 체크를 하지 않도록 하려면 qutocomoplete="off" 폼 속성과 "novalidate" 속성 사용 + +  2. input 태그placeholder="텍스트"입력 필드에 예상되는 추천 값을 미리보기 하는 용도 태그 포커스 되면 사라짐 readonly읽기 전용. 입력필드가 사용자 입력 불가한 상태가 됨. ..