stackblitz로-협업하기
1. 호스트(Host): 협업 세션 시작 프로젝트를 처음으로 StackBlitz에서 여는 사용자(주로 저장소 소유자 또는 리더)의 역할이다. GitHub 저장소 열기: 웹 브라우저 주소창에 아래 형식으로 URL을 입력하여 StackBlitz에서 직접 GitHub 저장소를 연다. stackblitz.com/github/{GitHub 사용자명}/{저장소명} 예시: stackblitz.com/github/facebook/react GitHub 인증: StackBlitz가 GitHub 계정 접근 권한을 요청하면 승인한다. 이를 통해 코드를 가져오고 나중에 변경 사항을 푸시(Push)할 수 있다. 공유 링크 … 더 읽기
tailwind
geeksforgeeks Tut https://www.geeksforgeeks.org/css/tailwind-css/ https://kombai.com/tailwind/cheat-sheet/
codesandbox
Codesandbox https://codesandbox.io/ CodeSandbox는 브라우저 기반의 온라인 개발 환경으로, 로컬 설치 없이 웹에서 바로 코딩할 수 있는 플랫폼입니다. 주요 특징 즉시 개발 환경 브라우저에서 바로 코드 작성 및 실행 로컬 환경 설정 불필요 다양한 프레임워크와 라이브러리 지원 실시간 미리보기 코드 변경사항을 즉시 확인 핫 리로딩 지원 모바일 반응형 테스트 가능 협업 기능 실시간 공동 편집 코드 … 더 읽기
웹디자인-리뉴얼-제안서-작성
📄 참고링크 https://magazine.contenta.co/2019/11/웹사이트-기획/ 📄 웹사이트 리뉴얼 제안서 구성 목차 순번 항목명 설명 1 표지 프로젝트명, 제출기관, 담당자명, 제출일 2 목차 전체 항목 구성 3 제안 개요 프로젝트 배경, 목적, 추진 방향 요약 4 현황 분석 (As-Is) 기존 웹사이트 분석: 디자인, UX, 콘텐츠, 기술적 문제점 등 5 문제점 도출 및 휴리스틱 평가 Nielsen 10가지 기준 기반 … 더 읽기
저작권표시와-의미크리에이티브-커먼즈-creative-commons-라이선스-
https://gongu.copyright.or.kr/gongu/main/contents.do?menuNo=200093 1. 저작권 표시란 저작권 표시는 창작자가 자신의 작품에 대한 권리를 주장하고 보호하기 위해 사용되는 기호와 문구입니다. 이는 창작물의 무단 사용을 방지하고, 저작자의 권리를 명확히 하는 데 중요한 역할을 합니다. 일반적으로 저작권 표시는 다음과 같은 요소로 구성됩니다: © 기호: 저작권 보호를 나타내는 상징적인 기호입니다. 저작권 소유자의 이름: 저작권을 소유한 개인 또는 단체의 이름을 명시합니다. 저작 … 더 읽기
gtq-기출문제풀이
🔷기출문제모음 에코 자동차 축구 환경 2025년 이전 🔷기출단축키
알면-편리한-생산성-도구들
1-Vscode Extensions 1-1-file-tree-generator 프로젝트 구조도 자동생성 🔗https://marketplace.visualstudio.com/items?itemName=Shinotatwu-DS.file-tree-generator 사용법 익스텐션 설치 폴더위에서 우클릭 → Generate To Tree 클릭 구조도가 작성된다. 새문서에 자동생성 된 구조도를 복붙하여 활용한다 2-CodeSnap 작성중인 코드를 캡쳐하기 https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap 사용법 캡쳐할 코드를 블럭으로 지정후 우클릭 → code snap 우측 패널에 스크린샷이 생성되며 해당 이미지 위에서 우클릭해서 다른곳으로 복사 붙여넣기 할수있다
README.md
1. README.md — 왜 쓰고, 어떻게 쓰는가 README # 🌟 프로젝트 이름 > 저희 프로젝트를 소개합니다! 간단한 설명을 여기에 적어주세요 🙏 > 라이브 데모는 [_여기_](https://www.example.com)에서 만나보실 수 있어요 ✨ ## 📋 목차 * [프로젝트 소개](#프로젝트-소개) * [사용 기술](#사용-기술) * [주요 기능](#주요-기능) * [스크린샷](#스크린샷) * [설치 방법](#설치-방법) * [사용법](#사용법) * [프로젝트 현황](#프로젝트-현황) * [개선 예정 사항](#개선-예정-사항) … 더 읽기