반응형 퍼블리싱 반응형 8 [VSCode] 언어 세팅 바꾸는 법 VS code에서 언어 세팅 바꾸는 법 단축키 cmd(ctrl)+shift+p language를 검색해서 아래에 나오는 목록 중에 Configure Display Language 를 선택합니다. 그리고 아래 나오는 언어중에 원하는 걸로 선택을 해주면 vscode가 다시 시작되면서 세팅이 끝납니다. 2023. 12. 6. [HTML] 공백, <, >, & 등 자주 사용하는 문자 entity name (+총정리된 사이트) [HTML] 공백, , & 등 자주 사용하는 문자 entity name (+총정리된 사이트) 결과 영어 이름 (Description) 엔티티 이름 (Entity name) 엔티티 번호 (Entity Number) non-breaking space greater than > > & ampersand & & " double quotation mark " " ' single quotation mark (apostrophe) ' ' © copyright © © ® registered trademark ® ® HTML 문자 Entity name 전체 보기 사이트에서 찾고자하는 문자를 찾으면 가장 앞에 &을 붙여서 사용하면 됩니다. 코드 예시 \ 5000 결과 2023. 7. 19. [Atom] 아톰 뷰티파이(atom beautify)로 깔끔하게 코드 정렬하기 [Atom] 아톰 뷰티파이(atom beautify)로 깔끔하게 코드 정렬하기 안녕하세요. 당근입니다. 오늘은 코드들을 깔끔하게 정렬시켜줄 아톰 플러그인, 아톰 뷰티파이(atom beautify)를 소개해드릴게요. 아톰 사용하실 때 사용성이 확! 올라갈거예요! File Settings를 클릭하세요. install 탭에서 atom beautify를 검색하신 후 Install 버튼을 눌러 설치합니다. 이렇게 버튼이 울렁울렁 하다가 요렇게 변하면 설치 완료입니다. 설치를 해봤으니까 써봐야겠죠? 여러분이 코딩하고 있는 창으로 돌아오세요. 저는 간단한 이미지맵 샘플을 열었습니다. Packages - Atom Beautify - Beautify 를 누르거나, 단축키 Shift+Alt+B 를 눌러서 정렬합니다. 어때.. 2022. 3. 21. [html/css] box-shadow로 그림자 넣기. [html/css] box-shadow로 그림자 넣기. 여기에 200px*300px의 흰색 사각형이 있습니다. 흰색이라서 보이지 않아요. 사각형의 대한 코드. This is box-shadow 이런식으로 넣어주시면 됩니다. /* offset-x | offset-y | color */ box-shadow: 60px -16px teal; /* offset-x | offset-y | blur-radius | color */ box-shadow: 10px 5px 5px black; /* offset-x | offset-y | blur-radius | spread-radius | color */ box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); /* inset | offset-.. 2020. 8. 12. 크롬으로 플러그인 없이 웹사이트 풀스크린 캡쳐하기 크롬으로 플러그인 없이 웹사이트 풀스크린 캡쳐하기 안녕하세요. 당근입니다. 오늘은 웹사이트 제작 및 기획에 없어서는 안되는 기능. 사이트 전체화면 캡쳐하는 꿀팁을 가져왔어요. 해당 페이지에 전체 스크롤을 모두 캡쳐하는 방식으로 캡쳐용 플러그인도 여러가지가 있지만 간편하게 크롬으로 간단하게 전체 화면을 캡쳐하실 수 있습니다. 오늘 캡쳐할 화면입니다. F12 또는 우클릭 - 검사에 들어가셔서 크롬 검사도구를 여세요. 단축키 (ctrl+shift+i) 스마트디바이스 모양의 아이콘을 누르세요. 아마 모바일화면으로 뜰 텐데요. 원하시는 기기나 해상도에 맞는 사이즈를 지정합니다. 저는 PC버전을 캡쳐할거기때문에 그에 맞는 해상도로 설정했어요. 그러고 난 다음 오른쪽 끝부분에 있는 아이콘을 클릭해서 Capture f.. 2020. 6. 4. 유튜브 영상 삽입 오류 "www.youtube.com에서 연결을 거부했습니다." 해결 방법 유튜브 영상 삽입 오류 "www.youtube.com에서 연결을 거부했습니다." 해결 방법 안녕하세요. 웹사이트에 영상 임베드했는데 "www.youtube.com에서 연결을 거부했습니다"라고 뜨면서 유튜브 영상이 출력되지 않는 경우 제가 해결한 방법을 소개해드릴게요. 최근 웹사이트 메인에 임베드된 영상을 갈아끼워야하는 일이 있었는데요. 아이프레임으로 삽입된 비디오였습니다. 원래 코드에 src부분에 영상 주소만 바꾸면 되는 간단한 일이었죠. 단도직입적인 해결방법! https://youtu.be/abcdefg 이렇게 생긴 공유용 주소를 붙여넣으시면 안됩니다. 유튜브 퍼가기에 들어가면 나오는 코드에 있는 https://www.youtube.com/embed/abcdefg 이런식의 주소를 붙여넣어야해요. 위에 .. 2020. 3. 13. [ATOM]아톰에서 Remote FTP로 FTP 연결하기 [ATOM]아톰에서 Remote FTP로 FTP 연결하기 안녕하세요. 오늘은 아톰에서 FTP로 바로 접근할 수 있는 패키지 Remote-FTP를 설치해보고 연결해보겠습니다. 참고로 아톰은 https://atom.io/에서 다운받으실 수 있어요. 오랜만에 아톰을 새로 깔았습니다. 여기서 Install a Package를 눌러서 들어가세요. Open Intaller를 클릭하시면 패키지를 검색할 수 있는 창이 나옵니다. remote ftp를 검색하세요. 여러가지 패키지가 나오지만 저는 icetee라는 사람이 만든 remote-ftp를 설치할거예요. 다운로드수도 제일 많네요. 인스톨 버튼을 눌러줍니다. 상단 패키지(packages) 메뉴에 들어가보면 가장 하단에 Remote FTP가 있죠? 잘 설치된겁니다. T.. 2020. 3. 12. 카페24 호스팅 후 파일질라(filezilla)로 FTP접속하기 카페24 호스팅 후 파일질라(filezilla)로 FTP접속하기 안녕하세요. 당근입니다. 오늘은 카페24기준으로 웹호스팅을 받은 후 카페24 웹 FTP를 사용하지 않고 파일질라(filezilla)를 이용해서 FPT에 접속하는 법을 알아보겠습니다. 먼저 파일질라를 다운받으세요. https://filezilla-project.org/ FileZilla - The free FTP solution Overview Welcome to the homepage of FileZilla®, the free FTP solution. The FileZilla Client not only supports FTP, but also FTP over TLS (FTPS) and SFTP. It is open source softwa.. 2020. 3. 11. 이전 1 다음
