웹122 비주얼 스튜디오 코드에서 live server 실행하는 방법 비주얼 스튜디오 코드(vscode)에서 live server를 설치하고 실행하는 방법을 공유합니다. 라이브 서버는 파일을 어딘가에 업로드하지 않아도, 웹브라우저를 열어 실시간으로 코딩한 결과물을 확인할 수 있는 기능입니다. 확장프로그램 설치만 하면 간단하고 어렵지 않기 때문에 코딩 공부를 시작하신다면 꼭 이용해보시길 추천드립니다. 먼저 비주얼 스튜디오 코드를 운영체제에 맞게 다운로드하고, 기본 설정대로 설치합니다. Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual St.. 2022. 7. 11. 일러스트레이터로 하트를 그리는 다양한 방법 일러스트레이터로 하트를 그리는 다양한 방법을 공유합니다. 가장 간단한 방법부터, 이펙트를 이용해 변형하는 방법까지 참고하셔서 활용해보세요. 지난 글에서는 반짝이 그리는 방법을 알아보았었습니다. 이번에는 반짝이만큼 많이 쓰이는 하트를 그려보도록 하겠습니다. 일러스트레이터로 반짝이를 만드는 2가지 방법 일러스트레이터를 이용해서 간단하게 반짝이를 만드는 방법을 공유해보겠습니다. 일일이 펜 선으로 그리기보다는, 도형과 일러스트레이터의 기능을 이용하면 아주 정확한 형태를 얻을 수 있습 cucat.tistory.com 1. 밑이 각진 하트 그리기 먼저, 하트를 그리는 방법 중 가장 간단한 방법을 소개해드리겠습니다. 사각형을 그린 후에 회전하고, 펜 툴을 선택한 상태에서 알트를 누른 채 둥글어질 부분에 갖다 댑니다... 2022. 6. 29. 일러스트레이터로 반짝이를 만드는 2가지 방법 일러스트레이터를 이용해서 간단하게 반짝이를 만드는 방법을 공유해보겠습니다. 일일이 펜 선으로 그리기보다는, 도형과 일러스트레이터의 기능을 이용하면 아주 정확한 형태를 얻을 수 있습니다. 능선이 있는 반짝이 그리기 1. 원 그리기 먼저 원형 도구(단축키 L)를 이용해서 원을 그립니다. 이 때 Shift를 눌러 가로 세로 길이가 같은 정 원을 그립니다. 그리고 Effect - Distort & Transform - Pucker & Bloat 를 눌러줍니다. 2. Pucker & Bloat 값 조절하기 Pucker쪽에 가까워질수록 안으로 파고들고, Bloat 쪽에 가까워질수록 팽창합니다. 우리는 반짝이를 만들거니까 Pucker 쪽에 가깝게 설정합니다. 같은 값으로 해도 모양이 나오지 않는다면, 글 아래에서 설.. 2022. 6. 28. 포토샵 패스 일러스트레이터로 가져오기, 이미지 벡터화 하기 포토샵 패스를 일러스트레이터로 가져오는 방법을 공유합니다. 추가로 포토샵 이미지를 가져오고, 픽셀로 이루어진 래스터 이미지를 간단히 벡터로 변환하는 방법도 소개합니다. 포토샵은 아무래도 일러스트레이터보다 이미지를 자유롭게 편집하기가 좋아서, 시안 작업을 할 때 편리합니다. 그렇지만 벡터 이미지로 완성하기 위해서는 일러스트레이터에서 마무리를 해야해서 일러스트레이터로 리소스를 옮겨갈 필요가 있습니다. 이럴 때 포토샵에서 작업한 패스나 이미지를 일러스트레이터로 불러오면, 작업 시간이 훨씬 줄어듭니다. 포토샵 패스 일러스트레이터로 가져오기 저는 포토샵에서 폰트를 패스로 깨서 형태를 수정했기 때문에, 이 패스를 일러스트레이터로 불러와보겠습니다. 1. 보시다시피 패스로 된 리소스가 있습니다. 2. 포토샵 2020버.. 2022. 6. 24. 저작권 무료 영문 폰트 받는 사이트 저작권 걱정없이 무료로 사용할 수 있는 영문 폰트 사이트를 소개합니다. 한글 무료 폰트는 많이 공유되고 있는데 영문 폰트를 못구하고 계신 분들을 위해 공유해보겠습니다. 폰트 구하시다보면 아래 사이트를 이용해보신 적이 있을텐데요, 여기서 저작권 무료 폰트도 제공하고 있다는 사실을 아는 분들이 생각보다 적은 것 같습니다. https://www.dafont.com/ DaFont - Download fonts www.dafont.com 먼저 위 사이트에서 원하는 폰트 카테고리(종류)를 선택합니다. 원하는 폰트 종류를 선택했다면, 메뉴 오른쪽 맨 끝에 있는 'More options' 라는 드롭다운 메뉴 버튼을 클릭해줍니다. 그러면 아래와 같이 필터링할 수 있는 조건들이 있는데, Public domain / GPL.. 2022. 6. 21. 카페24 호스팅, 도메인 연장하는 방법 카페24 호스팅, 도메인 연장하는 방법을 공유합니다. 카페24는 메뉴가 워낙 많고, 오래된 사이트이다 보니 원하는 항목을 찾기가 어려운 것 같습니다. 그래도 한 번 알아두면 찾기 쉬우니까 저도 블로그에 기록하고 연장할 일이 있을 때 들어갈 겸 정리해보겠습니다. 카페24 호스팅 연장하기 먼저 카페24에서 로그인을 하고, 상단 맨 오른쪽에서 서비스 사용현황을 클릭합니다. 그러면 아래와 같은 화면으로 이동하는데, 기간 옆에 연장신청 버튼을 클릭해서 결재하시면 호스팅 연장을 할 수 있습니다. 카페24 도메인 연장하기 다음은 도메인 연장인데, '호스팅 관리' 메뉴가 워낙 길어서 스크롤을 아래로 쭉 내려야 '도메인 관리'가 보입니다. 도메인 관리를 누르면 아래로 '연장/복구 신청하기' 메뉴가 있습니다. 카페24에서.. 2022. 6. 17. 파일질라 FTP 접속하는 방법 파일질라를 처음 쓰시거나, 접속한지 오래되서 기억이 가물가물한 분들을 위해 간단하게 FTP 접속 방법을 공유하겠습니다. 저도 가끔 스크립트 수정할 일이 있으면 들어가기 때문에 자주 사용하지 않아서 이번 기회에 정리해두려고 적어봅니다. 파일 질라를 설치하는 방법은 이전 포스팅을 참고해주세요. 파일질라 공식 다운로드 링크(window, mac) 파일질라 다운로드를 검색하면, 공식 사이트가 아닌 softonic이라는 사이트가 가장 위에 뜹니다. 저만 그런건지 모르겠지만 여기서 FileZilla 다운로드 버튼을 클릭하면 Avast(보안 프로그램)이 다운 cucat.tistory.com 파일질라 FTP 접속하는 방법 FTP에 접속하기 위해서는 다음과 같은 준비물이 필요합니다. 호스트 : 접속하려는 도메인의 주소 .. 2022. 6. 17. 파일질라 공식 다운로드 링크(window, mac) 파일질라 다운로드를 검색하면, 공식 사이트가 아닌 softonic이라는 사이트가 가장 위에 뜹니다. 저만 그런건지 모르겠지만 여기서 FileZilla 다운로드 버튼을 클릭하면 Avast(보안 프로그램)이 다운로드 되서 설치했습니다.. 파일질라 다운로드를 눌렀는데 Avast가 왜 다운로드되는지 불쾌하고 지우려니 매우 귀찮네요. 다시 사이트로 가보니 이후에 이동하는 페이지에서 다시 파일질라를 다운로드하는 버튼이 나오는데, 다운받아서 설치하려고 하면 다음과 같은 경고가 뜨며 설치가 되지 않습니다. 또한 버전도 공식 홈페이지에 비해 낮았습니다. 파일질라 공식 홈페이지 아래의 파일질라 공식 홈페이지로 가셔서 다운로드 받으시면 정상적으로 설치가 됩니다. https://filezilla-project.org/ Fil.. 2022. 6. 17. 이전 1 2 3 4 5 6 7 8 ··· 16 다음
