게으른개발너D

FRAMER(프레이머)는 코드기반의 디자인툴이다. 프레이머로 디자이너가 디자인을 하게 되면 React 샘플 코드로 생성이 된다. 이걸 Front end developer가 조금 수정을 해서 사용을 하면 되는 구조이다.토스(Toss)와 같이 요즘 서비스 운용하는 기업들은 디자인 시스템(design system)에 흠뻑 빠져있다. 디자인 시스템이란?서비스를 제공하는 자가 운용하는 각 브랜딩, UI등의 상세 구조들을 규격화하여 어느누가 그 자리에 배치되더라도 규격화된걸 그대로 사용해서 유지보수를 하면 아무런 문제가 발생되지 않도록 하는 일종의 정책서와 같은 것이다.  세일즈포스 닷컴의 라이트닝 디자인 시스템https://www.lightningdesignsystem.com/ Lightning Design Sy..

유닛 테스트 : 코드가 제대로 작동하는지 확인하기 위해 애플리케이션의 개별 모듈을 독립적으로 테스트(종속성과의 상호 작용없이)하는 것을 의미함. 통합 테스트 : 다른 모듈이 그룹으로 결합될 때 잘 작동하는지 확인하는 것을 의미함. 기능 테스트 : 시스템의 기능 조각(종속성과 상호 작용 할 수 있음)을 테스트하여 코드가 올바른 작업을 수행하는지 확인하는 것을 의미함. 통합 테스트와 관련이 있지만, 모든 코드가 함께 실행되는 상태에서 전체 애플리케이션의 기능을 확인하는 테스트를 의미함. 관리 방법 프로젝트를 진행하면서 가장 큰 고민 중 하나는 '테스트 코드를 어떻게 작성하고 관리하는가' 이다. 프로젝트가 커질수록, 기능이 복잡해질수록 테스트 코드를 작성하고 관리하는 것은 쉽지 않은 일이다. 이러한 상황에서 ..

Git CLI 버전 삭제 - git reset 버전을 삭제하는 방법을 알아보자. 현재 상황은 이렇다. 여기서 Message 3를 지우고 Message 2로 돌아가고 싶다면 reset을 하면 된다. Message 2의 버전을 리셋한다는 것은 해당 버전을 삭제하겠다는 뜻이 아니라 해당 버전이 되겠다라는 의미이다. 헷갈리면 안됨! 일단 아이디를 복사한다. git reset --hard 아이디 입력 git log 를 입력하여 확인해 본다. Message 2 버전에 HEAD가 master를 가리킨다. Git CLI 버전 되돌리기 - git revert 이번엔 버전을 삭제하지 않으면서 되돌리는 방법을 알아보자. 현재 상태는 이렇다. 이번엔 reset과 다르게 Message 2 상태로 되돌아가고 싶다면, Messag..

original Git을 사용해서 버전관리의 CRUD를 공부할 것이다. Git CLI Set Up Git 설치하는 방법 Windows 버전 https://git-scm.com/ 클릭해서 설치! 전부다 next 클릭하면 된다. ​ windows 시작 메뉴에서 git을 검색하면 Git Bash라는 프로그램이 설치되었을 것이다. 열면 터미널 창이 나온다. ​ git을 입력해서 성공적으로 설치되었는지 확인해 준다. Git CLI 버전 관리의 시작 저장소(repository) 만드는 방법이다. 터미널 또는 Git Bash를 연다. Documents 폴더에 git이라는 디렉토리를 만들려고 한다. Window면 폴더를 열어서 바로 폴더를 만들어주면 된다. ​ 또는 명령어로 만들 수 있다. cd Documents 입력..

GITHUB Creating a Github Repository 레파지토리를 만드는 방법은 여러가지가 있다 컴퓨터에 폴더를 만든 다음 그 폴더를 github에 올리는 방식, 아니면 처음부터 github 내에 repository를 만들어주는 방법이 있다. ​ ​ github 데스크톱은 초보자들이 github과 작업을 하기 위한 도구이다 어떻게 작동되는지 이해하기가 매우 쉽게 되어있다. Clone a repository from the internet (인터넷에 있는 repositoy 복제하기) 를 누르면 깃헙에서 생성했던 repository를 찾을 거다 Local Path(경로)에서 경로를 바꿔줄 수 있다. ​ clone을 클릭하고나서 지저된 경로에 가면 paintjs라는(내가 만든 repository)가..

1. Set up 1. Essential Software Google Chrome Visual Studio Code Git 2. Customizing VSCode 비쥬얼 스튜디오의 Extensions에서 다음을 설치한다 Python, ESLint, Prettier - Code formatter ​커스터마이징은 Material Theme, Material Icon Theme을 설치한다 Material Icon Theme을 설치하면 파일 확장자에 맞게 아이콘을 보여준다. 3. Chocolatey 윈도우에서 리눅스 서브 시스템을 사용하기 위한 설정을 해주자 WSL (Windows Subsystem for Linux) 사용법을 알아보자 그걸 위해 chocolatey라는 걸 설치한다. https://chocola..