저번 포스트에서 git add와 commit을 알려줬지.실습해봤어? 어때 아직 익숙치가 않아서 낯설거야.나도 처음에는 그랬어.하지만 익숙해지면 별 생각없이 슥슥 투두둑 치게 될거야.오늘은 vsCode에서 사용하는 방법을 알려줄게.터미널에 입력을 하지 않아도 돼.왜냐하면 요즘은 어떤 에디터를 사용하든 대부분에 git이 내장되어 있거든! vsCode의 경우이렇게 실타래? 지렁이 같이 생긴 아이콘이 git이야.너가 코드를 변경하게 되면 저기에 1이라는 숫자가 표시될거야.여기서 추가해볼게.왼쪽 git 아이콘에 1이 추가된게 보이지? 저거를 클릭하면이런 화면이 나오는데, 저 Message부분에 git commit -m "변경"의 변경에 해당하는 메세지가 들어가는거야.나는 저기다가 화이팅을 적어서 commit해볼게..

Git 슬슬 공부하셔야죠?쉽게 알려드릴테니, 블로그 포스팅 차례로 쭉 따라오세요.기초는 싹 잡아드리겠습니다.시작합니다... 편하게 말할게요^_^궁금한거 댓글에 반말로 적어줘요 알려드릴게~~~Git은 코드관리를 위한 툴을 말하는거야.코드를 무지막지하게 작성하다가 보면.. 아 C.. 아까 거기로 돌아가야하는데 조졌네 이거..이럴 순간이 무조건 올거야. 무조건!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 이럴때를 위해 코드를 구간별로 저장해두는거지. VsCode의 사용을 추천할게.넌 Terminal을 열어야 하는데, 상단에서 터미널을 찾아서 열어도 되지만, 형은 Crtl+J 단축키를 사용한단다.그리고 윈도우를 사용한다면 아마 WindowPowerShell로 열릴거거든?이거는 유닉스 명령어..

타입스크립트에서 변수, 상수의 타입을 정해주기 위해서 사용하는 대표적인 2가지가 있습니다.바로,interface,type입니다. 오늘은 이 2가지의 차이에 대해 알아보겠습니다.1. interfaceinterface는 이름을 똑같이 선언했을 때 자동확장이 가능합니다. => 병합이 가능하다.주로 객체의 타입을 설정할 때 사용됩니다.interface Person { name: string; age: number;}interface Person { old: string;}let a: Person = { name: "박수", age: 24, old: "심",};interface를 한 번에 정의하지 않고두번에 걸쳐서 정의하였지만 변수 a에는 문제가 없습니다.2. typetype은 기존에 존재하는 타입을 ..

타입스크립트에서 타입을 지정하는 방법을 알려드리겠습니다.const a = { name: "Kim", age: 24,};console.log(a);//결과 : { name: 'Kim', age: '24' }변수 a를 const로 선언하고 객체를 할당했을 때,console.log로 변수 a를 출력하게 되면 다음과 같은 결과를 출력받게 됩니다. 이떄 타입스크립트에서는 Type을 지정할 수가 있습니다.const a: { name: string; age: number } = { name: "Kim", age: 24,};console.log(a);위의 코드와 같이 상수 a에 name은 문자열 age는 숫자형으로 명시해줌으로써 타입을 지정해줄 수가 있습니다.타입을 지정할때에는 해당 상수, 변수에 :를 붙이고 ..

TypeScripte(타입스크립트)는 자바스크립트의 상위 집합으로, 정적 타입을 지원하여 더 안정적이고 유지보수가 쉬운 코드를 작성할 수 있도록 도와주는 문법입니다.타입스크립트 작성을 위한 초기세팅을 알려드리도록 하겠습니다. 1. Node.js와 npm 설치타입스크립트 사용을 위해서는 최신 버전의 Node.js와 npm이 설치되어야 합니다.설치는 및에 공식 사이트에 접속하여 다운받으실 수 있습니다.Node.js — Run JavaScript Everywhere (nodejs.org) Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 프로젝트..

리액트(React)를 이용해서 웹 개발을 개발하다 보면, 상태 관리가 굉장히 중요하다는 걸 느끼게 됩니다.오늘은 상태 관리 라이브러리인 Redux를 소개하고, 왜 리액트에서 필수적인지 설명해 드리겠습니다. 1. Redux란 무엇인가요? Redux는 상태 관리 라이브러리입니다. 상태 관리는 애플리케이션의 데이터나 상태를 일관되게 관리하는 방법을 제공해 주죠. 리액트 컴포넌트가 많아질수록 상태 관리가 어려워지는데, Redux가 이 문제를 해결해 줍니다.여기서 중요한 포인트는, Redux는 처음에는 문법이 어렵고 복잡하게 느껴질 수 있습니다. 하지만 걱정하지 마세요!저도 처음엔 어렵게 느껴졌어요. 그래서 무엇부터 시작해야 할지, 왜 Redux를 사용해야 하는지 먼저 알아보겠습니다.  2. 리액트에서 상태 관리..

리액트(React)는 현대 웹 개발에서 중요한 역할을 하는 라이브러리입니다.리액트의 핵심 개념과 JSX 문법을 간단히 설명하겠습니다.리액트는 UI를 컴포넌트 단위로 나눕니다. 각 컴포넌트는 트리 구조를 형성하며, 이 구조는 실제 DOM과 유사합니다.컴포넌트 트리는 DOM과 같은 형태로 구성됩니다. 리액트는 Virtual DOM을 사용하여 성능을 최적화합니다.Virtual DOM에서 변경 사항을 적용한 후, 실제 DOM에 필요한 부분만 업데이트하여 효율적으로 렌더링합니다.리액트에서는 JSX(Java Script XML) 을 사용합니다.(강제는 아니지만 권장,, 매우매우 높은 빈도로 사용중입니다.)JSX는 JavaScript 안에서 HTML을 작성할 수 있는 문법입니다.컴포넌트를 정의하고, render 함수..

개발자로 취업을 준비할 때, 이력서와 포트폴리오의 중요성은 아무리 강조해도 지나치지 않습니다. 사실 개발자로 취업은 포폴 싸움이 전부라고 해도 과언이 아니죠.특히, GitHub은 많은 채용 담당자와 면접관들이 개발자의 능력을 평가하는 중요한 요소로 평가합니다.이번 글에서 GitHub을 효과적으로 관리하여 이력서에서 감점을 피하고, 가산점을 받을 수 있는 방법에 대해 알아보겠습니다.1. GitHub 주소가 이력서에 없다면 감점너무 당연한 내용이죠?어떤 사람인지 평가를 해야하는데 작업물이 없으면 어떻게 평가를 할까요?이력서에 GitHub주소가 없으면 면접관은 당신의 코드 능력을 평가할 기회를 놓치게 됩니다. GitHub은 당신의 프로젝트와 코딩 스타일을 직접 보여줄 수 있는 도구 중 하나이므로 꼭 이력서에 ..