ETC.11 VS Code가 네트워크 드라이브(사내 파일서버 경로)에서 파일을 열지 못할 때 내 컴퓨터에 있는 HTML이 아닌,사내 파일서버 경로에 있는 HTML을 VS코드로 열려고 하면 매번 아래와 같은 에러창이 뜬다. GPT에게 방법을 물어보니 개발 시에 로컬로 복사 후 편집하라는데.. (그걸 누가 모르냐..)급하게 코드를 확인해야 할 때, 언제 로컬로 옮기고 있습니까?암튼. 다시 제안받은 방법은 통했다.VS코드 바로가기 아이콘을 우클릭↓속성↓대상 항목에 아래와 같이 추가↓"C:\Users\\AppData\Local\Programs\Microsoft VS Code\Code.exe" --no-sandbox --no-sandbox 앞에 공백은 필수! 경로 전체는 큰따옴표로 감싸기.경로에 옵션을 추가하고 사내 파일서버에 있는 HTML을 VS코드에서 열려고 다시 시도! 하니아래와 같은 알럿이 떴다... 2025. 10. 20. chrome inspect 사용해서 핸드폰 화면 데스크탑에 띄우기(디버깅 목적) 나의 경우,PC에서 확인하는 모바일 화면과 핸드폰에서 확인하는 화면이 다를 때 디버깅을 하기 위해 사용하는 편이다. 1. 핸드폰 설정에서 개발자옵션 → USB 디버깅 활성화 2. PC 크롬에서 ' chrome://inspect/#devices ' 열기. 3. 휴대폰 크롬에서 디버깅할 페이지 접속. 4. PC 화면에서 Remote Target 영역에 휴대폰에서 열어 놓은 페이지 리스트 확인 5. inspect 버튼 클릭! 내가 핸드폰으로 보고 있는 크롬 화면을 데스크탑에서 확인 할 수 있음. 개발자 도구로 찍어서 코드 확인 가능! 2025. 9. 3. 깃 명령어 자꾸 까먹기 때문에. [자꾸 까먹으니까 여기에 정리해 둠] ● 로컬 브랜치에 작업 후 main에 merge▷ git checkout main (main 브랜치로 이동) ▷ git pull origin main (최신화) ▷ git merge myBranch (머지) ▷ git push origin main (main를 원격 저장소에 푸시) ● main 브랜치 내용을 내 로컬 브랜치에 merge ▷ git checkout myBranch (# myBranch 브랜치로 이동) ▷ git pull origin myBranch (# 원격 브랜치 최신화) ▷ git merge main (# main 브랜치의 변경 사항을 병합) ▷ git push origin myBranch (푸시) ● 로컬 브랜치 이름 변경하기 ▷ 디폴트.. 2025. 6. 20. 이클립스 eclipse / 단축키 정리 계속 추가할 것!한 줄 복사ctrl + alt + ↑, ↓한 줄 삭제ctrl + D줄 이동 (특정 라인으로)ctrl + L실행취소 되돌리기 (헷갈림)ctrl + Y파일 찾기ctrl + shift + rstopctrl + F2startshift + F9renameshift + F6replace in filesctrl + shift + R 2025. 5. 26. intellij에서 SCSS를 style.css로 컴파일 하기. VS 코드만 사용하다가 요즘에 인텔리제이로 작업을 하다보니.. 난관에 많이 부딫히고 있다.특히 이것저것 설정하는게 너무 어렵다. 이제 단축키는 어느정도? 익숙해 진 듯 하다.(방금도 단축키 하나 외웠다. alt + F12 터미널 열고, 닫기) 지금 내가 맡고 있는 운영 프로젝트중에 SCSS파일이 살아있는 게 있다. (보통 css파일 하나로 퉁쳐서 받기 때문0..)따라서 인텔리제이에서 scss파일들을 style.css로 컴파일 하는 방법을 찾아보았다. 이미 많은 구글선배님들이 방법을 알려주셨고,초기 세팅은 따라 하되 디테일한 설정은 gpt와 함께.. 해쳐갔다. 일단 내 scss, style.css 파일의 폴더 구조는 이렇다.저 scss폴더안에서 작업을 하면 css폴더의 style.css파일에 컴파일 되는거.. 2025. 5. 13. 메일 양식 코딩 참고 | 모바일 사이즈에 맞춰진 고정형 웹 UI처럼 보이게! (지메일ㄷㄷ / SVG말고 JPG사용) 메일 코딩 작업을 하면서 가장 골치 아픈 건 모바일 화면 대응이다. (개인적으로) 일단 메일폼 퍼블리싱은 아웃룩, 지메일, daum, naver, 삼성인터넷 등의 포털에서 테스트를 진행하고 있다. 모바일에서는 반응형이 아닌,웹에서 본 그대로 비율만 줄여서 보여지는 형태..로 노출되어야 한다. 설명이 어렵다;그니까 모바일에서도 작게 축소된 웹 화면 으로.. (width값이 모바일에 맞춰진 웹화면이라고 보면 될까) 이를 해결해 줄 수 있는 코드 한 줄. meta 태그만 제대로 넣으면 된다. 위 코드를 사용하지 않았을 때, 지메일 모바일을 제외한 다른 포털사이트는 정상 노출되었다.지메일 모바일만 뷰포트가 깨졌다. 아래는 정상적으로 노출되는 화면이다.만약 메일링이 이렇게 테이블 형식이 아닌, 레터 형식이면 반.. 2025. 5. 13. Adobe 2025 포토샵 에러 | 스크래치 디스크 문제로 파일이 열리지 않을 때! 간혹 디자인을 포토샵을 전달 받으면 (요즘은 거의 피그마를 사용하므로) 문제가 생긴다.무슨 문제냐.그 전에 문제의 원인이 뭐냐.그것은 내 C드라이브의 용량이 ㄱ적다는 거다.C드라이브는 맨날 빨간색이다. 항상 위태위태 하다. 포토샵 파일을 4개 이상 전달 받으면 벌써 두렵다. 파일 중에 1~2개는 메모리 부족으로 안 열린다.구글에서 블로그 글을 뒤져보니.. 역시 선배님들의 친절한 설명과 함께 방법을 찾을 수 있었다. 먼저 상단 메뉴바에서 -> 편집 -> 환경설정 -> 스크래치 디스크 로 들어간다. 스크래치 디스크를 보면 보통 C드라이브에 체크가 되어 있다.C드라이브는 위태위태한 장소다. 매번.그러나 D드라이브의 남은 공간을 봐라. 내 컴의 경우 664기가.. 가 남았다.D드라이브든 뭐든 남는 공간이 여.. 2025. 4. 30. 원활한 협업을 위한 깃 커밋 메시지 컨벤션! Git Commit Convention (👂깃 커밋 메시지.. 그저 변경 사항에 대한 적절한 코멘트를 남기면 되는 것이 아니었는가?) 📍상황 : 외주 개발사와 협업을 시작하기에 앞서 공지 메일이 도착했다. ===================='아래와 같은 commit message convention 준수 부탁드립니다.' feat: 블라블라test: 블라블라==================== 메일의 요지는 깃 커밋 메시지를 규칙에 맞게 통일해서 작성해 달라는 것. 📍정리 : 서칭해보니 나오는 '깃 커밋 메시지 컨벤션'! 이게 무엇이란 말인가?? 똥멍청이 얼른! 구글, 쳇gpt에 물어보자! gpt의 설명 :-> '이 규칙을 지키면 코드 관리를 효율적으로 할 수 있으며, 팀 간 협업에 큰 도움이 됩니다.커밋 메시지를 잘 작성하면 다른 팀원.. 2024. 9. 4. .gitignore파일을 수정했을 때. 바로 적용되지 않는다면? (git 캐시를 삭제/.gitignore파일의 역할) 상황 :퍼블리싱 환경 세팅을 할 때. gitignore파일에 dist폴더를 추가했다. (커밋 할 때마다 생기는 파일 충돌을 피하기 위해!)그런데 개발자가 dist를 동의 없이 삭제....했다.퍼블리싱 파일을 수정할 때마다 dist 파일들도 커밋을 해야 하는 번거로운 상황이 되었다. 충돌 이슈..문제 :. gitignore파일에 다시 dist를 재적용했다. 그런데.. 작동을 하지 않는 것리다! 커밋 목록에 계속 dist파일들이 줄지어 있는 상황.해결 :언제나 그렇듯이 이런 상황은 분명.. 내가 처음이 아닐 것이라 확신했다. 역시나 답이 있다. html파일을 수정해도 브라우저에 바로 반영이 되지 않는 경우는 보통 적용 시간이 오래 걸리거나, 캐시 삭제를 하지 않아서다. 이 문제에서는 캐시 삭제와 같은 맥락으.. 2024. 7. 3. 이전 1 2 다음
