개발 메모리

WindowOs란? 마이크로소프트가 개발한 컴퓨터 운영 체제다. 애플이 개인용 컴퓨터에 처음으로 도입한 그래픽 사용자 인터페이스(GUI) 운영 체제인 맥 OS에 대항하여, 당시 널리 쓰이던 MS-DOS에서 멀티태스킹과 GUI 환경을 제공하기 위한 응용 프로그램으로 처음 출시되었다. 윈도우 커맨드창 명령어들 dir (Directory): 현재 경로 dir // 현재 디렉터리의 내용 표시 cd (Change Directory): 디렉터리(폴더)를 변경 cd C:\Users // Users 디렉터리로 이동 mkdir (Make Directory): 새로운 디렉터리 생성 mkdir NewFolder // NewFolder라는 디렉터리 생성 rmdir (Remove Directory): 디렉터리를 삭제 rmdir..

MacOs란? Apple에서 Unix 기반으로 개발한 Mac 전용 운영체제다. Unix 계열 운영체제 명령어는 전부 유사해서 유닉스 기반 운영 체제에서 대부분 다 사용할 수 있다. 맥 터미널 명령어들 pwd (Print Working Directory) : 현재 경로 pwd // 현재있는 곳의 전체 경로 프린팅 ls (List) : 현재 위치 파일/폴더 리스트 ls // 현재 위치에 존재하는 파일/폴더 확인 ls 원하는폴더(현재 경로 안에있는) // 그 폴더 안의 내용 확인 ls -l // 더 자세하게 파일 확인 ls -a // 숨겨진 파일들도 나옴 ls -la // l과 a 둘 다 사용 cd (Change Directory) : 이동 cd desktop // desktop으로 이동 cd desktop/..

개발 버전 정보 버전 정보는 메이저 버전 번호, 마이너 버전 번호, 패치 버전 번호로 구성된다. major: 기존 버전과 호환되지 않게 API가 바뀌면 “주(主) 버전”을 올림 minor: 기존 버전과 호환되면서 새로운 기능을 추가할 때는 “부(部) 버전”을 올림 patch: 기존 버전과 호환되면서 버그를 수정한 것이라면 “수(修) 버전”을 올림 major.minor.patch 주(主).부(部).수(修) 개발 버전 정보 표기법 버전 정보 앞에는 기호를 부여하여 업데이트 범위를 지정할 수 있다. ~ (틸트)는 패치 버전 범위 내에서 업데이트한다. 예를 들어 ~0.0.1는 0.0.1 이상 0.1.0 미만 버전을 의미한다. ^ (캐럿)는 마이너 버전 범위 내에서 업데이트한다. 예를 들어 ^1.0.2는 1.0...

Git을 시각화해서 보여줘서 편한 GitLens랑 GitGraph 깃렌즈를 사람들이 많이 쓰는 것 같은데 나는 깃그래프를 쓴다 파일 마우스 우클릭하고 'Open in default browser'라는 버튼을 누르면 기본 설정된 브라우저로 파일을 열어볼 수 있게 하는 익스텐션인 Open in browser 앱 Live Server를 사용하면 소스코드를 수정할 때마다 수정 사항을 자동으로 반영 해주기 때문에 매번 새로고침이나 저장을 할 필요가 없어서 편리하다. Prettier 익스텐션의 경우 코드를 이쁘게 정리해주는 코드 포매터다 Material Icon Theme 익스텐션은 프로그래밍 언어에 맞게 아이콘을 바꿔준다 ESLint는 코드를 작성할 때 실수를 하면 에러 혹은 경고 메시지를 VS Code 에디터에..

VSCode의 메뉴에서 Help > Keyboard Shortcuts Reference 를 통해서 위와 같은 단축키를 확인 할 수 있는데, 보기가 영 불편한게 아니라 그 중에서도 자주 활용하는 단축키를 정리해봤다. 참고로 맥 키보드에서 사용하는 독특한 아이콘들은 각각 ⌘는 Command, ⌃는 Control, ⌥는 Option/Alt, ⇧는 Shift, ↩는 Enter, ⌫는 Delete, ↓는 Down, ↑는 Up 버튼을 의미한다. 또한 이 글은 MacOS 기준으로 작성되어 있지만 맥의 Cmd, Option키를 각각 윈도우의 Ctrl, Alt로 바꿔서 사용하면 WindowOS에서도 사용할 수 있다 자동완성 (Enter나 Tab) 원하는 단어를 작성한 다음 Enter나 Tab 키를 누르면 단어를 완성할 ..

CSS 기본 규칙 선택자1, 선택자2 { 속성: 속성값; 속성: 속성값; } CSS 선택자 전체 선택자 * { box-sizing: border-box; } 태그 이름 h3 { font-size: 24px; } 아이디 맨 앞에 샵을 붙여서 #아이디_이름과 같은 문법으로 씁니다. 참고로 아이디는 한 페이지 안에서 중복으로 쓰면 안 됩니다. #hallasan { color: #f56513; } 클래스 아이디는 여러 개의 요소에 중복해서 쓸 수 없기 때문에 클래스를 사용합니다. 맨 앞에 마침표를 붙여서 .클래스_이름과 같은 문법으로 씁니다. .place { font-size: 16px; font-weight: 400; } 가상 클래스 가상 클래스는 의사 및 가짜 클래스라고도 부르는데, 요소의 상태 같은 걸 선..

주석 링크 메일 보내기 전화 걸기 페이지의 특정 부분을 가리키는 주소 팀 버너스리는 "인터넷 사용 자체가 인권"[1]이라고 말했다. [1] 서울디지털포럼 2013 기조연설 target 속성 네이버 영화 네이버 영화 네이버 영화 다음 영화 imbd 텍스트 제목 태그 한국 영화 한국 영화의 역사 1950년대: 침체기 1960년대: 황금기 1970년대: 쇠퇴기 1980년대: 암흑기 본문 1950년대에는 한국전쟁이 일어나면서 영화계는 침체를 맞게 됩니다. 하지만 1950년대 중반을 지나서 그 사이 발전된 기술에 힘입어 점점 많은 영화가 나오기 시작하더니 1950년대 후반에 들어서는 1년에 100편 가까이 제작되었습니다. 줄바꿈 1950년대에는 한국전쟁이 일어나면서 영화계는 침체를 맞게 됩니다. 하지만 1950년..

커리어에 대한 고민 그리고 방황들　나는 고등학교 때는 예체능을 전공했고, 대학교에서는 무역을 전공한 문과로 개발과는 완전 무관한 배경을 가지고 있다. 대학 졸업 후에는 기획자 겸 마케터로 2년간 일하기도 했었으나 단순 사무 업무에 회의감을 느끼는 상태였다. 그러던 와중에 전 직장에서 우연히 접한 데이터 분석 업무에 관심을 가지게 되면서 본격적으로 프로그래밍을 배우게 되었다. 그렇게 회사를 그만두고 바로 프로그래밍 학원으로 향했고 6개월의 국비지원 교육 이후 몇 차례 고비를 마주하다가 데이터 분석가로 일할 수 있었다.　하지만 오히려 데이터 분석가가 되고 나서 나는 방황에 방황을 거듭했다. 결론적으로 데이터 분석가는 나랑 너무 안 맞았다. 일단 데이터를 다루기에 숫자에 예민하고 꼼꼼한 성격이어야 하는데 태생..

※ 2018-11-26에 작성했던 글입니다아   실패한 예체능 학생 　중2병 말기였던 나는 음악을 좋아하고 잘 안다는 근자감 하나만으로 실용 음악과로 고등학교를 진학했다. 하지만 화려했던 학교 생활은 이상하게 나를 불편하게 만들었고 꼭 뭔가 안 맞은 옷을 억지로 입은 듯 겉도는 학교 생활을 보냈다. 그리고 2년쯤 되었을까. 그때쯤 내가 음악으로 돈을 벌어먹고 살만큼 재능이 있지 않다는 것도 깨달았던 것 같다. 하지만 딱히 뭘 해야 할지 몰랐던 나에게 당시 담임 선생님은 창업 캠프 참여를 권유해 주셨고, 그곳에서 아이디어로 기획하고 실무 프로젝트를 만들어가는 경영에 관심을 가지게 되었다.   경제학도 AKA 무역학과 학생 　뒤늦게 수능 공부를 시작해 국민대 국제통상학과에 진학했다. 당시만 해도 ..

※ 2016-07-29에 작성했던 글입니다아 23살에 생전 처음으로 비행기를 타봤다. 제주도로 가는 한 시간짜리 비행기였다. 그리고 6개월 뒤 난생처음 여권이란 것을 만들었고 처음 해외를 갔다. 2개월짜리 필리핀 어학연수였다. 요즘은 흔하디 흔한 것이 해외여행이라고는 하지만 당시만 해도 나에게 해외여행은 큰 마음을 먹어야지만 할 수 있는 크나큰 꿈이었다. 해외에 대한 로망에 대학도 국제통상학과 (aka 무역학)로 진학했지만 결국 해외로 나가는 데까지는 그러고도 3년이나 걸렸다. 취업준비생이라 쓰고 백수라 읽는다 대학을 졸업했다. 가능하다면 미루고 미루고 싶어서 2년이나 휴학을 했지만 결국 사회인이 되는 것 자체를 미룰 수는 없었다. 사람들이 뭐 하는 사람이냐고 물으면 취업준비생이라고 대답했지만 사실은 허..