개발 29

Git 설치하기 (Window)

Window에서 Git 설치하기! 가장 먼저 아래 링크의 Git 홈페이지로 접속해줍니다 https://git-scm.com/ Git git-scm.com 링크로 접속해 오른쪽 하단에 보면 window용 다운로드 버튼이 있습니다. 이를 클릭해서 설치! 설치화면에서 다른거 체크하거나 추가로 체크를 풀거나하지 않고 계속 Next 눌러서 넘긴다. 그러다보면 아래와같은 화면을 보게된다. 이제 깃에서 사용할 기본 텍스트 에디터 선택을 묻는 화면인데 기본 설정은 'Vim'으로 되어있다. 여기서 나는 기본설정을 Vim 이 아닌 VSCode로 바꿔주었다. (Visual Studio Code as Git's default editor) 이후에도 역시 별다른 설정을 바꿀 것 없이 그냥 Next 누르고 설치하면 끝~ 마지막으..

개발/Git & Github 2023.01.31

Git과 Github의 차이점은?

Git 과 Github의 차이점은 무엇일까? 2023.01.27 - [Git & Github] - Git 이란 무엇인가? Git 이란 무엇인가? Git 이란 무엇인가? 개발에 관심을 가지다보면 Git이나 Github라는 용어를 심심하지않게 들을 수 있다. 개발자에겐 필수 요소처럼 여겨지는 Git과 Github이기 때문에 이번 기회에 포스팅을 통해 이것 inho3213.tistory.com 이전 글에서는 Git이라는 것이 전세계적으로 유명하고 인기있는 버전관리 소프트웨어임을 알게되었다. 이런 Git은 인터넷이 없어도 사용이 가능하다. 하지만 Git과 다르게 Github는 웹서비스이다. Github를 이용해서 개발자들은 자신들의 코드나 깃프로젝트를 온라인에 게시할 수 있고, 마찬가지로 다른 개발자들은 깃허브..

개발/Git & Github 2023.01.27

Git 이란 무엇인가?

Git 이란 무엇인가? 개발에 관심을 가지다보면 Git이나 Github라는 용어를 심심하지않게 들을 수 있다. 개발자에겐 필수 요소처럼 여겨지는 Git과 Github이기 때문에 이번 기회에 포스팅을 통해 이것저것 정리해두고 보려고한다... 깃(Git)은 전세계에서 가장 유명한 버전관리 시스템입니다. 여기서 버전관리 시스템(version control system)이란 파일의 변화를 시간에 따라 추적하고 관리하는데 도움을 주는 시스템입니다. 즉, 개발자들이 개발에 있어서 시간의 흐름에 따라 개발하고 있는 프로젝트의 변화를 쉽게 관리할 수 있도록 도와주는 역할을 하게됩니다. 다음 포스팅에서는 Git과 Github의 차이점에 대해서 정리해보겠습니다.

개발/Git & Github 2023.01.27

모던 자바스크립트 Deep Dive - 제 5장

2023. 01. 27 5.1 값) 값(value)은 식(표현식)이 평가되어 생성된 결과를 말한다. ex) 10 + 20 위의 예시는 평가되어서 숫자 값 30을 생성한다. 5.2 리터럴) 리터럴은 사람은 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 의미한다. 리터럴을 통해 코드를 작성하면 자바스크립트 엔진은 이를 평가하고, 값을 생성한다. ex) [1,2,3] 을 작성하면 이는 배열 리터럴로 배열로 값을 생성하게 되고 "Inho" 를 작성하면 이는 문자열 리터럴로 문자열 값을 생성하게 되는것 5.3 표현식) 표현식은 값으로 평가될 수 있는 문(statement)이다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. (리터럴은 값으로 평가되기때문에 리터럴도 표..

개발/HTML+CSS+JS 2023.01.27

모던 자바스크립트 Deep Dive - 제 4장

2023. 01. 26 4.1 변수란 무엇인가? 왜 필요한가?) 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해서 데이터를 기억한다! '메모리'는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트) 각 셀에는 고유의 메모리 주소가 있는데 이 주소는 메모리 공간의 위치를 나타냄 ex) 10 + 20 이라는 코드를 컴퓨터에 실행한다면? -> 10과 20이 각각 메모리 상의 임의의 위치에 저장됨 -> CPU는 이 값을 불러와서 연산을 수행함 -> 연산의 결과값인 30도 메모리 상의 임의의 위치에 저장됨 그런데 이때 우리가 연산의 결과값인 30을 사용하고 싶다면? 결과값 30이 저장된 메모리 공간에 직접 접근하는 것 외에는 방법이 없다. 하지만 이 방법은 치명적 오류를..

개발/HTML+CSS+JS 2023.01.26

모멘텀 만들기 일지(1)

구글 크롬 확장 프로그램인 모멘텀을 따라 비슷하게 만들어보기 시작했다. 이런식으로 배경이 랜덤하게 제공되고, 화면의 가장 가운데 부분에는 현재 시간을 받아와 제공하며 오른쪽 상단에는 현재 위치 정보를 받아 날씨를 띄워주기도 한다. 완전하게 똑같지는 않지만 느낌은 비슷하게 내보려고 노력했다. 아직 CSS 부분은 더 만져야하고 To-do list부분도 보다 깔끔하게 만들 필요가 있을 것 같다. (추가로 로그인 기능이나 시작페이지로 설정할 수 있도록 하는 기능도 있으면 좋겠다고 생각함) 현재는 오늘 할일을 적으면 추가가 되긴 하는데 디자인이 별로 안예쁜것같아서 좀 수정하고 싶다. + 백그라운드 이미지 색상이 너무 쨍해서그런가 글자들이 가끔 안보이는거같아서 불투명도를 조금 조정하면 나아지려나 싶다...

개발/HTML+CSS+JS 2022.11.21

모던 자바스크립트 Deep Dive - 제 01장

2022. 11. 19 1.1 프로그래밍이란?) 컴퓨터와 사람은 사고, 인지 방식이 다르다 -> 따라서 컴퓨터 관점에서 문제를 사고해야함 1.2 프로그래밍 언어) 우리는 컴퓨터에게 자연어(사람 언어)가 아닌 기계어로 명령을 전달해야함. 이때 기계어로 명령을 전달하는 것을 대신해주는 역할이 "프로그래밍 언어" 이때 우리가 프로그래밍 언어로 작성하면 '컴파일러'(인터프리터)가 기계어로 변환해 컴퓨터에게 전달한다. 사람 ------------------------> 컴파일러 -------------------> 컴퓨터 프로그래밍 언어 기계어 1.3 구문과 의미) X 2022. 11. 19 1.1 프로그래밍이란?) 컴퓨터와 사람은 사고, 인지 방식이 다르다 -> 따라서 컴퓨터 관점에서 문제를 사고해야함 1.2 ..

개발/HTML+CSS+JS 2022.11.19

모던 자바스크립트 Deep Dive 구매

최근 프론트엔드 분야의 코딩 공부를 해나가면서 자바스크립트에 대한 좀 더 깊은 지식이 필요함을 느껴, 이웅모 저자의 '모던 자바스크립트 Deep Dive' 라는 책을 구매했다. https://link.coupang.com/a/F5aHv 모던 자바스크립트 Deep Dive:자바스크립트의 기본 개념과 동작 원리 COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 가격은 40,500원 많이들 자바스크립트 서적으로 이 책을 추천해서 나도 구매를 결심했다. 무려 960페이지에 육박하는 방대한 양이기에,,, 말그대로 'Deep' 하게 내용을 다루고 있는 것 같다. 사람들의 책 후기를 살펴보면 보통 완전 초보에게는 추천하지 않고 어느정..

개발/HTML+CSS+JS 2022.11.19

포트폴리오 웹사이트 제작기

최근 개발에 관심을 갖고 꾸준히 이것저것 해보면서 내가 해놓는 작업물들이나 개인 프로젝트들을 관리하는 공간이 있으면 좋겠다는 생각을 하게되었다. 다른 사람들은 취준을 위해서 포트폴리오를 만들거나 이력서를 작성하거나 하는데 어떤 방식이 좋을까... 고민하던 찰나에 개발자에 어울리는 방법인 포트폴리오 웹사이트를 제작해보자..! 라는 생각으로 익명의 강의를 수강하며 따라 만들어보았다. 홈 div에는 내가 좋아하는 색깔로 배경을 채워넣고, 왼쪽 상단에는 내 이름가지고 로고도 만들어봤다 (뿌듯) 사실 제작기라보다 이미 사이트는 완성했고 깃허브 페이지로 웹 사이트까지 만든 상태지만...ㅋㅋㅋㅋㅋ 오른쪽 상단에 보이는 것처럼 안에 구성은 Home / About / Skills / My work / Testimonia..

개발/HTML+CSS+JS 2022.11.03