전체 글 311

git 복습 / git branch, merge

# git branch git branch 브랜치명 브랜치를 생성해보자. 난 sample_modify로 만들었음. 간단히 프로젝트 사본을 만들어버린거임. # 브랜치목록 보기 git branch -v # 브랜치 이동 git switch 브랜치명 git switch 브랜치명 # 커밋로그 git log --oneline --all --graph 순서대로 sample_modify 라는 브랜치가 생성됐고 sample branch modify 라는 커밋이됐음 그리고 메인브랜치로 이동해서 from main이란 커밋이 됐음. # merge 먼저 주 브랜치로 이동해야함. git merge 합칠브랜치이름 여기서 중요한게 충돌할수있음 난 sample_modify에서 커밋한거랑 main에서 커밋한거랑 같은파일에 같은줄을 수정..

git/etc 2023.03.08

git 복습 / git difftool, git graph 바뀐코드 비교하기.

# difftool git difftool 이거치고 Y누르면 이렇게 내가 커밋인지 스테이징인지 하고나서 코드가 변한부분을 비교해서 알려줌 **중요! 여기서 그냥 cntl+c누르고 나오면 커맨드에 타이핑하는게 안나오더라. vim에디터로 보는거라 vim에서 안나와져서 그런거같음..(확실하진않음) 따라서 :q!로 나오는게 바람직한것같다. # difftool 커밋아이디 먼저 커밋아이디를 알아야한다. git log --oneline --all 여기서 노란글씨가 커밋아이디임 다음으로 git log 커밋아이디 이걸치고 Y로 vim에디터 들어가면 이렇게 해당 커밋과 지금 코드 변한걸 비교해준다. 근데 난 vim에디터 존나 싫어하는데 다른게 좋은거 없을까? # git graph 익스텐션 이거 익스텐션으로 먼저 깔아주고 ..

git/etc 2023.03.08

git 복습 / add commit log status

# git add . git add . 폴더내 모든파일을 스테이징 처리함 # 여러개 파일 스테이징 하기 git add 1.txt 2.txt 이런식으로 두개.. # 폴더경로까지 처리 git add folder/file.txt 폴더내 개별파일 스테이징. # git status 파일을 수정하였을때 브랜치 main에서.. index.js가 수정되었다. 하지만 스테이징처리는 안되었다 뜻. 스테이징까지 한다면? (git add .) 이렇게 변한다. # 깃 커밋내역 보기 git log 이렇게 커밋내역이 나온다~

git/etc 2023.03.08

티스토리 코드 붙여넣기

내 티스토리블로그는 아주 다크하다.. 코드를 복붙할때 안보여서 이렇게 해놨는데 이때문에 음울한 블로그가 된듯하다.. 블로깅을 6개월정도 하고나서 이제야 방법을 알아봤다(게으름 ㅠ) 그냥 간단하다 저기 쩜쩜쩜에 코드블럭 누르고 쓰면된다. 이렇게하면 복사가능한 텍스트형식으로 코드를 쓸 수 있다. 다만 내가 vs코드에서 쓰는 코드색깔대로는 안된다. 샘플은? import { reactive } from "vue"; import { useRouter } from "vue-router"; 이로케하면된다! 단축키는 cntl + alt + , # snap shot 익스텐션 더 이쁜데 다만 사진으로 나오는거다. vs코드에서 snapshot 익스텐션을 설치후 코드 드래그 후 cntl + shift + p에서 snapsho..

etc/etcTools 2023.03.08

깃 저장소의 폴더만 삭제하기.

https://velog.io/@dailyhyun/TIL-github%EC%9D%98-%ED%8C%8C%EC%9D%BC%ED%8F%B4%EB%8D%94-%EC%82%AD%EC%A0%9C%ED%95%98%EA%B8%B0 [TIL] github의 파일/폴더 삭제하기 파일 삭제하기, 폴더 삭제하기 모두 터미널 창 또는 cmd를 켠 뒤 삭제하고자 파일/폴더가 있는 위치로 이동해서 실행하기! velog.io 2. 로컬 디렉토리에서는 삭제하지 않고 git에서만 삭제 실수로 .class 같은 커밋하지 말아야 할 파일들을 커밋하는 경우가 있다. 이런 경우 다음 명령어를 사용하면 로컬 디렉토리의 파일은 유지한 채 git에서만 삭제할 수 있다. $ git rm --cached HelloJAVA.class $ git com..

git/etc 2023.03.08

SSL인증서 만료일 확인

얼마전 aws https용 SSL인증서를 갱신해놨었다.. 근데 이런? 이메일로 인증서회사에서 메일을 3일째 보내는것이다. 만료일이 얼마안남았다고.. 그래서 다시 aws 콘솔로 들어가서 직접 커맨드상에서 certbot certificates명령어를 이용해서 만료일을 확인했는데 정상적으로 만료일이 충분히 남아있었다. 여기서 의문점! certificates 명령어가 말해준 만료일이 맞을까? 아니면 이메일로 알려준 만료일이 맞을까? 정답을 찾기위해선.. 걍 내 사이트로 들어가서 브라우저에서 받은 인증서가 어떤지 확인해보면 간단하다.. #1 내사이트 접속후 주소창 왼쪽 자물쇠를 클릭 (크롬으로 접속했다) 요렇게 자물쇠가 생겼다 #2 이연결은 안전합니다 클릭 #3 인증서가 유효함 클릭 #4 만료일 확인 만료일이 저..

etc/etcTools 2023.03.06

filezilla와 aws(light sail) 인스턴스 연결

filezilla는 인터넷보면 너무 어렵게? 설명되어있더라.. FTS인가 뭔가 하면서 그냥 단순히 내가 굴리는 서버를 filezilla라는 프로그램으로 연결해서 파일들을 직관적으로 다루게 해주는거다. 지금까지는 aws인스턴스에 접근할때 커맨드창으로 접근해서 파일을 다뤘기때문에 ls니cd니 vim에디터니..등등 사용해야했지만 filezilla로 연결하면 파일을 드래그앤드롭등으로 옮기고 쓸수있게 해준다. ##연결하기~ #1 filezilla다운로드 https://filezilla-project.org/ 여기서 클라이언트용으로 본인 컴터에 맞는걸 다운받는다. #2 aws 인스턴스 연결 저 아이콘을 클릭한다. 이렇게 창이뜨는데 여기서, - 프로토콜 : SFTP로 연결, FTP는 보안상 잘 쓰이지 않음. - 호스..

AWS/etc 2023.03.06

css우선순위, 미디어쿼리 css적용이 안될때는?

#우선순위 css를 수정하면서 미디어쿼리가 적용이 안되는 경우를 보았다. 이런경우엔 css우선순위 문제가 있을경우이다. 개발자도구에서 적용안되는 태그를 클릭해서 우선순위로 적용된걸 볼 수 있다. # 예시 / 해결방법 .class_b{ .class_a { font-size : 1em; } } 이런 클래스에 적용한 속성이 있는데, @media (max_width : 400px){ .class_a { font-size : 0.7em; } } 이렇게 모바일 환경에따라 class_a의 폰트사이즈를 적용하려고 할때, 미디어 쿼리가 적용이 안된다면? 원 css파일처럼 class_b로 감싸주면 된다. @media (max_width : 400px){ .class_b{ .class_a { font-size : 0.7em..

webStyling/design 2023.02.27

롤스토이 // 블랜딩, 비네팅, 불필요한 곳 지우기, 저장포멧

# 파일 자체에 사진 불러오기 place embedded 로 가져오면 새창 안열리고 바로 사진 덮어쓰며 불러올수 있음 # 블랜딩 모드 레이어창에 저 Lighten부분을 변경하면 됨 단축키는 쉬프트 + +or- # 비네팅 모드 사진구멍뚤린듯 하는거 이게 원본이다. 일단 이 레이어를 한번 더 복사함. 그다음 멀티플 모드로 ㄱㄱ 사진이 더 어두워짐. 그다음 셀렉션툴로 원하는 만큼 따자. 이상태에서 상단 탭을 보면 Feather값 조절하는데가 있음 0으로 하면 그냥 딱 자르는거고 올리면 오파시티 조절되면서 선택되는거인듯. 이상태에서 저 선택한만큼 잘라줘야하는데.. 단축키 delete!! 존나 중요함 응 잘렸어~ 이상태에서 cntl + D누르면 선택영역 해제됨. 더 효과를 명확히 하고싶으면 레이어를 여러개 복사하..

nginx // user agent 제어

경로 /etc/nginx/sites-available에 있는 default파일을 손보면 된다 가장 최상단 server{}안에 코드를 수정해주면 된다. # user_agent로 악성봇 차단방법 https://svrforum.com/svr/105645 서버포럼 - Nginx에서 User-agent를 통한 악성/스팸 봇 차단하기. 안녕하세요. 달소입니다. 오늘은 사이트 운영을 하면서 필수적으로 해야할 설정인 악성/스팸 봇을 차단하는 방법입니다. 대계 사이트를 운영하는경우 웹에 노출되기때문에 robot.txt를 통해 크롤 svrforum.com # nginx 연산자 https://earth-95.tistory.com/143 [NGINX] if 조건식 사용하기 if 조건식 Syntax: if (condition)..

linux/etc 2023.02.16