03. 피그마 디자인 토큰

1. 디자인 토큰 1.1 이런 경험이 있는가? 디자인 작업을 하다 보면 이런 상황이 자주 생긴다. 개발자: "버튼 색이 피그마랑 다른데요?" 디자이너: "아, 제가 쓴 파란색이 #2563EB인데 혹시 #1D4ED8 쓰셨나요?" 개발자: "… 비슷해 보여서 그냥 썼어요." 또는 이런 상황도 있다. 디자이너: "브랜드 컬러가 바뀌었어요. 파란색 → 보라색으로요." 개발자: "피그마에 파란색이 쓰인 곳이 87군데네요. 다 찾아서 바꿔야 … 더 읽기

15. git error

1. Git Error 2. push 도중 reject* 2.1. pull 할때 Your local changes to the following files would be overwritten by merge 현재 로컬에서 수정한 파일이 원격 저장소(Remote)의 최신 변경 사항과 겹쳐서 발생 2.1.1. 해결 3. vscode 화면이 이상해짐 3.1. pull 하고 났더니 아래처럼 나올때 코드 충돌(Merge Conflict)이 발생 git 에서 원격 저장소의 내용과 내가 … 더 읽기

18. 깃허브로-배포하기

작성한 웹 문서를 인터넷 상에 공개하려면 웹 호스팅(Web Hosting, 웹 호스팅) 서버가 필요하다. 깃허브 페이지스(GitHub Pages)는 깃허브 원격 저장소(Repository, 레포지토리)에 업로드된 정적 파일을 무료로 호스팅하여 웹 브라우저에서 바로 접근할 수 있도록 제공하는 서비스이다. 별도의 서버 환경 구축 과정 없이 저장소 설정만으로 개인 포트폴리오나 정적 웹 사이트를 신속하게 배포할 수 있다. 7-3. 페이지 배포하기 깃허브 페이지스를 … 더 읽기

11. 깃허브-저장소-관리

https://www.youtube.com/watch?v=tDTx7obGFMk 5. 원격저장소 관리 5-1. 리포지토리 생성 리포지토리 생성 : 리포지토리 란 깃허브의 프로젝트 저장 폴더를 의미한다 깃허브 리포지토리 의 명령어 복사 git remote add origin 깃허브 레파지토리 주소 5-2 로컬과 원격을 연결하기 로컬에서 작업한 깃코드를 원격으로 업로드 하려면 변경완료,저장,업로드 의 과정을 거친다 깃으로 버전관리중인 로컬 프로젝트로 이동 원격저장소의 정보등록 깃허브 리포지토리 의 명령어 복사 … 더 읽기

04. 깃의-추적관리-시스템-알아보기

4. 깃의 추적관리 시스템 이해 git은 작업 디렉토리(Working Directory), 스테이지(Stage), 저장소(Repository) 3개의 영역으로 나눠져 있습니다. 작업 디렉토리(Working Directory) : 실제 작업을 하기 위한 디렉토리로, 파일을 수정하거나 삭제 등의 작업을 합니다. 스테이지(Stage) : 작업 디렉토리에서 수정, 삭제한 파일을 git이 추적할 수 있도록 올려두는 영역입니다. 저장소(Repository) : 스테이지 영역에 올라온 파일들의 버전 정보를 저장하는 영역입니다. 저장소를 생성하면 … 더 읽기

03. 버전관리

3. 시작하기 3-1. 프로젝트를 깃으로 관리하기 3-1-1. 첫번째 버전생성은 1번부터 계속 진행 버전 관리할 프로젝트 폴더를 만듭니다 1의 폴더를 최상위로 vscode 에서 엽니다. 스샷 vscode 터미널창을 실행 합니다. git 저장소를 생성 (초기화) 합니다. " git init 프로젝트 폴더에 파일을 생성합니다. 파일이 초록색으로 바뀌며 U 라는 아이콘이 생깁니다 Untracking 상태입니다 3-1-2. 두번째 버전 생성은 6번부터 진행 … 더 읽기

01. 설치

https://youtu.be/W87Jqd2r9ds 2. macOS설치 Homebrew 설치 /bin/bash -c "$(curl -fsSL [https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh](https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh))" Git 설치 brew install git 2. Window 설치 https://git-scm.com/ 원격저장소인 깃허브에 회원가입 합니다. 깃허브회원가입 로컬저장소를 관리하는 scm을 설치합니다. 설치과정 스샷 2-1. 최초 설치시 작업 깃 사용자 이름과 사용자이메일 등록 이때 사용자의 정보는 깃허브 에 회원가입 후 회원정보에 등록한 것으로 입력해야 한다. git config –global user.email … 더 읽기

02. 깃이란

1. 개요 1-1. Git Git은 분산 버전 관리 시스템으로 코드나 파일의 변경 사항을 추적하고, 여러 명이 동시에 작업할 수 있도록 도와줍니다. Git은 로컬 저장소와 원격 저장소를 모두 지원합니다. 버전 관리: 파일의 모든 변경 사항을 기록하고, 필요할 때 이전 버전으로 되돌릴 수 있습니다. 분산 개발: 여러 개발자가 자신의 로컬 저장소에서 작업하며, 다른 개발자의 변경 사항과 통합할 … 더 읽기

01. 피그마란

피그마란? 피그마(Figma)는 클라우드 기반의 디자인 툴입니다. 협업 기능이 강화되어 있어 디자이너, 개발자, 프로젝트 매니저 등의 팀원들과 함께 작업할 때 효율적으로 작업을 진행할 수 있습니다. 또한, 디자인 시안을 실제 앱과 같은 환경에서 테스트할 수 있는 프로토타이핑(prototyping) 기능도 제공합니다. 공식사이트 피그마 공식사이트 프로토타입 툴 비교 프로그램 운영체제 설치 방식 XD win, mac 설치형 Sketch mac 설치형 Figma … 더 읽기

01. GSAP 기초 애니메이션

1. gsap gsap공식사이트 gsap코드펜 gsap치트시트 gsap의 모든 기능이 있는 cdn 링크 웹 브라우저에서 애니메이션을 구현하기 위한 자바스크립트 라이브러리 기존 CSS나 순수 자바스크립트보다 탁월한 퍼포먼스를 발휘할 수 있도록 최적화 된 애니메이션 전용 라이브러리이며, HTML5와 Flash 두 개의 플랫폼에서 사용할 수 있다. GreenSock Engaging the Internet GASP은 애니메이션을 쉽게 적용할 수 있는 라이브러리로 탁월한 퍼포먼스로 알려져 있다. … 더 읽기