멋진 개발자가 되고 싶어

이것저것 변환해주는 사이트인데 유용합니다하하하 https://www.ilovepdf.com/ko

디렉토리 구조를 텍스트로 표현하기(윈도우) 폴더구조를 텍스트로 표현하여 보여주고 싶을 때가 있다 그럴 땐 tree 명령어를 활용하면 쉽게 디렉토리 구조를 텍스트로 변환할 수 있다 사용 방법 터미널을 연다 원하는 경로로 이동한다 아래의 명령어를 입력하면 이동한 경로의 하위 폴더 구조를 모두 출력한다 tree . 더 상세한 명령을 내리고 싶다면 아래의 문서를 참고하면 된다. 참고 : 디렉토리 구조(폴더 하위 구조) tree를 그려주는 명령어 tree 사용법(윈도우)

ARTISTA(SVG 애니메이션 자동 생성 웹) svg로 로고 이미지를 제작한다. 일러스트레이터, Figma를 활용하면 된다. artista에 들어가서 사진을 업로드한다. 원하는 옵션값을 설정한다. 상단의 view code를 클릭한다. svg 코드는 html에서 원하는 곳에 붙여넣는다. 옆에 있는 css코드는 모두 css파일 안에 붙여넣는다. 자바스크립트에 아래의 코드 추가한다. window.addEventListener('load',function(){ document.querySelector('svg').classList.add('active'); });참고자료 artista

✏️코드펜 오픈 소스 활용 시 주의할 점 프로그래밍을 하다보면 코드펜과 같은 오픈 소스를 활용할 경우가 자주 발생한다. 하지만 이는 다른 사람의 저작물을 사용하는 것이므로 이와 관련된 사항을 확인하고 제대로 명시해주어야 한다. 코드펜에서 라이센스와 관련된 내용을 확인하는 방법에 대해서 정리해보았다. 코드펜 라이센스는 어떻게 확인하는가? 이용을 원하는 코드펜 페이지로 이동한다. 왼쪽 하단에 comments 버튼을 클릭한다. 클릭 후 뜨는 모달창 가장 하단에 lisence를 확인한다. lisence 저작권과 관련된 내용이 명시되어있다. 저작권과 관련된 내용을 잘 읽어보고 본인의 소스코드에 명시하는 것이 좋다. 저작권 표시는 소스코드의 최상단에 하는 것이 원칙이다. ✅참고자료 백엔드 맛보기 | 로그인 화면 꾸미기

코드펜에 적용된 라이브러리 찾는 법 프로그래밍을 하다보면 코드펜에서 소스코드를 옮겨올 때가 많다. 하지만 나의 프로젝트에서는 코드가 제대로 작동하지 않는 경우가 흔하게 발생한다. 그럴 때는 라이브러리가 모듈로 삽입되지 않은 경우가 대부분이다. 이때 코드펜에 적용된 라이브러리를 확인하고 자신의 프로젝트에 적용하는 방법에 대해서 기록해봤다! 원하는 코드펜 창 켜기 우측상단에 settings 클릭 (css 라이브러리의 경우) css 탭의 Add External Stylesheets/Pens 확인 (js 라이브러리의 경우) js 탭의 Add External Scripts/Pens 확인 하단에 들어있는 링크들은 cdn으로 추가된 라이브러리 해당 링크를 참고하여 본인의 프로젝트에도 적용