본문 바로가기

분류 전체보기249

(Git) rebase 사용법 (상세 설명) / rebase와 merge의 차이점 / rebase사용 이유 / github에서 rebase 사용하기 포스팅 목차 1. rebase와 merge의 차이점 2. rebase와 merge의 장단점 3. rebase 사용 방법 (github를 통한 사용법, 상세하게) 4. rebase에 대한 개인적인 생각 1. rebase와 merge의 차이점 주의 : rebase 후의 b1과 b2의 commit은 original b1, b2 브랜치의 커밋에서 복제해온 커밋이다. 즉 rebase 전의 b1, b2 커밋과, rebase 후의 b1, b2 커밋은 다르다. 2. rebase와 merge의 장단점 rebase 장점 1) 한 사람이 코드를 작성한 것과 같은 git graph를 볼 수 있다. (git graph가 깔끔하기 때문에 ) > git graph가 깔끔하면, commit이력을 한눈에 보기 쉬워진다. 2) base.. 2023. 10. 26.
(JS 학습) 자바스크립트, 변수는 왜 필요한가? 모던 자바스크립트 Deep Dive책 기반으로 학습했습니다. Deep Dive 04장 기준 - 변수란 무엇인가? 왜 필요한가? - 식별자 - 변수 선언 - 변수 선언의 실행 시점과 변수 호이스팅 - 값의 할당 - 값의 재할당 - 식별자 네이밍 규칙 [변수란 무엇인가? 왜 필요한가?] 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다. 각 셀은 고유의 메모리 주소를 갖는다.이 메모리 주소는 메모리 공간의 위치를 나타내며, 0부터 시작해서 메모리의 크기만큼 정수로 표현된다. 성공적으로 연산을 끝낸 후, 연산 결과를 메모리에 저장한다. 이때 발생하는 문제점은 문제) 연산 결과를.. 2023. 9. 18.
상태관리 라이브러리, Redux 에 대해서/Redux Toolkit에 대해서 목차 1. Redux란? 2. Redux 주요 개념 3. Redux는 언제 필요할까? 4. Redux-Toolkit에 대해서 4-1. Redux-Toolkit 파일 구조 4-2. Redux-Toolkit 사용법 1. Redux란? Flux개념을 바탕으로한 React에서 현재 가장 많이 사용되는 State 관리 라이브러리 입니다. 더보기 Flux는 Facebook에서 클라이언트-사이드 웹 어플리케이션을 만들기 위해 사용하는 어플리케이션 아키텍쳐이다. Flux Architecture는 MVC 패턴의 문제점을 보완할 목적으로 고안되었다. 페이스북과 같은 대규모 어플리케이션에서는 MVC가 너무 복잡했다. 이 같은 문제의 대표적인 사례가 바로 페이스북의 안 읽은 글 갯수(unread count) 표시이다. 사용자.. 2023. 9. 15.
(JS 학습) 자바스크립트란? 모던 자바스크립트 Deep Dive책 기반으로 학습했습니다. Deep Dive 01장 ~ 02장 기준 목차 - 프로그래밍이란? - 프로그래밍 언어 - 자바스크립트의 표준화 - 자바스크립트와 ECMAScript - 자바스크립트의 특징 [프로그래밍이란?] 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 0과 1밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이며, 그 결과물이 바로 코드다. [프로그래밍 언어] 컴퓨터가 이해할 수 있는 기계어로 변환하는 인종의 번역기 역할을 함. 기계어로 직접 명령을 전달하는 것을 대신할 가장 유용한 대안은 사람이 이해할 수 있는 약속된 구문syntax(문법)으로 구성된 “프로그래밍 언어programming langu.. 2023. 9. 13.
(Vue) 뷰 실행하기/Vue 처음 실행 (상세한 설명) 포스팅 목차 1. code 편집기에서 원하는 파일 열기 2. vue cli 전역에 설치하기 3. 현재 폴더에 vue 프로젝트 생성 (or 폴더 생성하여 vue프로젝트 생성) 4. 원하는 vue 버전 고르기 5. Vue 프로젝트 설치 완료 6. vue 프로젝트 실행 7. 해당 화면 나오면 성공! 포스팅 목차에서 원하는 파트를 누르면 해당 파트로 자동 스크롤 됩니다. 참고해주세요 !! 1. code 편집기에서 원하는 파일 열기 코드 편집기에서 개발환경을 세팅할 폴더를 열어줍니다. 저는 visual studio code를 사용해서, posting1 이라는 폴더 안에 vue를 실행할 환경을 세팅해보려고 합니다. 2. vue cli 전역에 설치하기 $ npm install -g @vue/cli 위 명령어를 썼을때.. 2023. 7. 12.
(React)리액트 클래스에 조건문/리액트에서 클래스 다양한 방법으로 사용해보기/클래스명 여러개/className 여러개 일때/클래스에 변수 사용하기 포스팅 목차 1. css module사용 X : className 여러개 1-1. 적용된 화면 이미지 2. css module사용 X : className 여러개 + && 조건문 스타일 2-1. 적용된 화면 이미지 3. css module사용 X : className 여러개 + 삼항연산자 조건문 스타일 3-1. 적용된 화면 이미지 4. css module사용 O : className 여러개 4-1. 적용된 화면 이미지 5. css module사용 O : className 여러개, className안에 변수 사용 5-1. 적용된 화면 이미지 5-2. 적용된 화면 비디오 6. css module사용 O : className 여러개 + && 조건문 6-1. 적용된 화면 이미지 7. css module사용 O .. 2023. 7. 11.