본문 바로가기

참고

(26)
파비콘(favicon.ico) 만들기 파비콘(favicon.ico) 만들기 파비콘이란? ' 파비콘 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다. ' -위키백과 파비콘에 사용할 아이콘 선정 저는 iconflat 사이트에서 무료라이센스 아이콘을 사용하고는 합니다. (라이선스 확인 및 출처 필수) www.flaticon.com/ Flaticon, the largest database of free vector icons Download all icons in SVG, PSD, PNG, EPS format or as webfonts www.flaticon.com 검색어에 검색을하고 Filters에서 라이센스 Free를 선택해줍니다. 원하는 아이콘을 검색하고 아이콘에 마우스를 올리면 다운로드 할 수..
Chrome 80 SameSite 속성 동작 변경 보안 강화를 위해 Chrome 80부터 SameSite의 기본 속성값이 None 에서 Lax로 변경되었습니다. 현재 Chrome 84 에서 코로나로 인해 기능을 롤백했지만 Chrome 84이후(안정적인 버전, 7/14일 이후) 다시 재개할 계획이라고 합니다. 해당 속성의 변화는 Chrome 80 이상의 웹 브라우저만 해당하며 이후 Firefox, Edge등의 브라우저도 동일하게 적용한다고 합니다. , , , , 등에서 영향이 있습니다. Android의 chrome에는 적용하지 않으며 iOS의 chrome은 영향이 없습니다. SameSite 3가지 속성 None 쿠키 사용에 있어서 소스가 되는 주소를 검증하지 않습니다. 동일 사이트, 크로스 사이트에 모두 쿠키 전송이 가능합니다. Strict 보안 정책으로..
회사에서 쓰던 환경 그대로 VSCode 동기화하기!__gist__settings sync__ 설정 동기화 1.Git hub에서 Token 발급 Token은 아이디나 패스워드 대신해 인증을 담당하는 역할을 합니다. [발급방법] 본인의 계정 > Settings > Developer settings > Personal access tokens (바로가기 링크) Generate new token을 클릭합니다. New personal access token 페이지 Note에 제목을 입력한 후 gist 체크박스를 체크해줍니다. 저는 Note를 vscoedSettingsSync로 입력했습니다. Gist는 Git hub에서 제공하는 pastebin 서비스입니다. pastebin 서비스란? 더보기 텍스트 스토리지 사이트. 사용자가 plain text(그래픽 표현이나 그 밖의 오브젝트이 아닌, 읽을 수 있는 자료의 문자열만을..
VSCode 에디터 .tpl 확장자 인식방법(코드 확장자 인식방법) .tpl 파일로 작업을 하는데, VSCode가 따로 확장자 인식을 하지 못해서 text와 같이 취급이되는 경우가 불편해서 찾아보게 되었습니다. 인식하지 못하는 상태의 .tpl 파일 상태 오픈한 파일만 html 코드스타일로 확인하기 1.VSCode 우측 하단 바에서 Plain Text 클릭 2.박스에서 HTML 클릭 전체 파일에서 html 코드스타일로 확인하기 1. 세팅을 열어줍니다. File > Preferences > Settings 또는 단축키 Ctrl + , 2. file associations 검색 후 Edit in Settings.json 클릭 3. file.associations 값 입력 *.tpl 로 입력한 것은 모든 .tpl 확장자를 가진 파일을 html과 같이 인식하라고 설정하는 부분입니..
자바스크립트 세미콜론(;) 꼭 써야하나요? 들어가기에 앞서.. 가끔 친구와 술을 마실 때면 개발 이야기를 하곤 합니다. (거의 술 마실 때마다 항상 하는 것 같기도 하고;;) 하여튼 대화 도중에 `세미콜론`에 대한 이야기가 나왔습니다. " 파이썬으로 개발을 많이 하다가 자바스크립트를 해야 할 때면 세미콜론 정말 귀찮아. 자꾸 빼먹게 돼서 어디는 들어가 있고 어디는 안들어가 있고... 이거 정말 꼭 붙여야 하는 걸까? 자바스크립트는 세미콜론 없어도 문제 없잖아?? 자바같이 엄격한 애들은 에러 나서 넣긴 하는데, 굳이 자바스크립트는.. " 여기서 간단히 설명하면, 파이썬은 세미콜론이 아닌 들여쓰기를 통해 구문구분이 됩니다. 따라서 세미콜론이 필요 없습니다. 저는 프로그래밍을 배우던…. 새싹일 때부터 많은 강사가, 그리고 만났던 사수들이 예외사항이 생..
Git Squash 깃 스쿼시, 커밋 연결하기/병합하기 소스트리에서 사용해보기 *주의 : push한 후 사용하지 말고 커밋에서 사용하셔야 충돌 및 꼬이는것을 방지한답니다. 1.커밋이 많이 쌓였을 경우 2.적용하려는 브랜치(origin/master, origin/HEAD)에 마우스 우클릭 > 자식커밋을 쌍방향 재배치(Rebase children of ..... interactively....) 3.합칠 커밋 선택 후 이전 커밋과합치기 클릭 아래와 같아진다. 4.메세지 편집 클릭 5.커밋 텍스트 수정 후 확인 > 확인 6.합쳐진커밋확인 후 push push 후 합쳐진 것 확인
git Stash 깃 스태시, 소스트리에서 사용해보기 pull 받기 전 충돌날 것 같으면 사용합니다. 1.커밋하지 않은채로 스태시 버튼 클릭 2.스태시 이름을 정해주고 확인클릭 3.스태시 하위에 내가 저장한 목록확인, 커밋해야하는 파일들 사라진것을 확인 4.Pull 받아서 최신으로 업데이트 5.스태시에서 마우스 우클릭 > 스태시 적용 클릭 6.적용 후 내가 수정했던 소스 적용된 것 확인하기. 이후 commit, push 진행 (정상적인지 파일 확인은 필수) 7.스태시 삭제 git bash에서 작업시 1.Stash 생성 git stash 또는 git stash save 2.Stash 리스트확인 git stash list 3.Stash 적용 git stash apply 또는 git stash apply [stash이름] 또는 git stash apply --i..
사파리 브라우저 쿠키(Cookie) 이슈 쿠키란? 쿠키, 스토리지 비교 쿠키 사용의 예시 /** * 쿠키 세팅 * @param {string} value 쿠키 저장할 name * @param {string | number} days 쿠키 저장 날짜 * @example * this._setCookie('레이어팝업123', 7); */ _setCookie(value, days){ const date = new Date(); date.setDate(date.getDate() + Number(days)); document.cookie = this.uniqueName + "=" + escape(value) + "; path=/; expires=" + date.toUTCString() + ";" } /** * 저장한 쿠키 가져오기 * @param {str..