* 이 시리즈는 SOPT makers 라는 동아리에서 주니어 디자이너들이 힘을 합쳐 애정하는 프로덕트의 디자인 시스템을 구축했던 사이드 프로젝트 이야기입니다. 디자인 시스템 구축이라는 거대한 프로젝트의 리딩을 맡으며 좌충우돌 성장했던 1년간의 기록을 아주 자세히 적어봅니다. 0. 일단, 회사원이 왜 동아리를? 그리고 무슨 동아리인데요?대학생 시절, 휴학을 하고 모든 열정을 바쳐 활동했던 동아리가 있었다. 대학생 연합 IT 벤처 창업동아리 SOPT. 2번의 기수를 수료한 것도 모자라 임원진인 디자인 파트장까지 맡아 운영했으니 말 다했다. 학부에서 배운 것보다 훨씬 더 많은 것들을 알려주고, 멋진 인적 네트워크 속에서 많이도 성장했다. 개발과 디자인, 융합 전공자로서 "나는 디자이너가 맞는가?"라는 정체성 ..

01Git 동작 흐름과 구성 요소  [local 영역] = 자기자신- working directory : 현재 작업중인 프로젝트가 위치한 디렉토리. 모든 작업은 여기서부터 시작. 내가 작성한 코드들이 담긴 파일이라고 보면 됨. (명령어 init)- staging area : commit 할 파일의 예비 저장소.  *commit : 소스가 변경되거나 새로 작성이 되면 사진찍듯이 로컬 저장소에 저장됨. 이 1건의 커밋으로 변경되는 것을 버전이라고 함.- local repository(저장소) : 존재하지만 눈에 보이지는 않음. working directory로부터 커밋한 내용들이 저장. 특정 시점의 변경사항으로 돌아갈 수 있음. (복원 가능) [remote 영역]- github 등 외부에 위치한 원격 저장소..

01Git : 소스 이력 추적을 위한 버전 관리 시스템Github : git 프로젝트를 관리하는 저장소 제공   02Git 설치법 1) 터미널 실행2) xcode-select --install 입력 후 실행3) brew 설치4) git credential manager 설치 ...라고 한다. 차근차근 따라해보자..   1) 터미널 및 터미널 대체제 설치 후 실행 강의에서는 터미널 대신 iTerm을 설치하라고 했는데, 나는 과외쌤ㅋ인 멋쟁이 서버개발자님의 추천을 받아 Warp 라는 다른 프로그램을 설치했다! (왜 굳이 터미널 두고 다른걸 쓰는지 궁금해서 과외쌤 및 개발자 칭긔들에게 물어봤다.)iTerm, Warp 이 두 프로그램은 Mac의 기본 터미널 대신 활용할 수 있는 터미널 프로그램들이며, 다양한 확..

01네트워크란?막연한 느낌이지만, 웹서비스의 밑바탕이자 구조이기 때문에 알아둘 필요가 있다! 컴퓨터가 두 대 있다. 이 두 대를 연결한다면?-> 서로 필요한 데이터를 송/수신 할 수 있다. = 상호작용 가능-> 두 대 이상의 컴퓨터가 연결된 체계를 네트워크라고 한다. (인터넷이 연결되지 않아도요!) 그러니, 네트워크란?두 대 이상의 컴퓨터가 연결된 통신망이다.어떻게 데이터가 오가는지 이해하는 것이 핵심!   02네트워크의 구성요소 개별 컴퓨터 : host여러 대의 컴퓨터를 하나의 네트워크망 안에 연결하기 위해서는, 이를 묶어주는 장비가 필요 : 스위치하지만, 스위치는 다른 네트워크에는 접근할 수 없다.그래서 라우터(aka 공유기)가 등장! (차별점 : 서로 다른 네트워크 간의 통신이 가능.) 네트워크와 ..