오늘 배운 내용Gitgit config -l: 유저 정보가 나옴git config -l | grep user: user라는 단어가 나오는 내용만 추출rcp, rsync: 과거에 웹서버에 접근하던 방법ssh: 현재에 웾 서버에 접근하는 방법DevOps: 개발을 operation한다ctrl + shift + f: 돋보기 단축키 → 추가 단축키는 찾아보기ctrl + p: 창 열기git ls-files: 파일의 현재 상태 확인하기-u: 이 뒤로는 origin main 작성할 필요가 없다.git branch other / git checkout otherswitch branch명 / git checkout -c namename(새로운 브랜치 생성 및 이동)git checkout branch명 / git check..

오늘 배운 내용Gitgit commit: 메모리에 올라와 있는 데이터를 실제 저장소에 write하는 것형상관리 툴 사용 이유remote repository 때문에 → remote repository가 살아있어야 데이터가 사라지지 않는다.여러 명이 동시에 코드를 작성하기 위함히스토리 확인stage: 임시 저장공간, 작업본stage가 필요한 이유충돌방지실수 방지repository: 실제 저장소, 최종본branchmain: head branch파일이 커밋될 당시의 버전을 의미브랜치의 커밋 버전과 파일의 커밋 버전은 서로 다른 것git rm : tracked → untracked로 변경됨, 지우는 명령어git clean : untracked된 파일을 삭제하는 명령어git ignore: 삭제도 적용. 삭제 명령어..

오늘 배운 내용컴퓨터 구조block: 데이터를 그룹화 해놓은 것페이지: 여러 개의 데이터를 한번에 묶어서 옮김. 이 단위를 페이지라 함. 페이지의 사이즈는 유동적.버퍼: 데이터를 한 곳에서 다른 한 곳으로 전송하는 동안 일시적으로 그 데이터를 보관하는 메모리의 영역. 데이터를 이동시키는 바가지 개념. 버퍼의 사이즈는 유동적. 개발자가 정할 수 있음. 보통 8k 단위.⇒ 메모리를 적게 사용하기 때문에 메모리 입장에서는 버퍼를 사용하는 것이 유리하다.여러 개의 버퍼를 지칭하는 용어로도 페이지를 사용한다.데이터의 순서가 무조건 선입선출은 아니지만 어떻게든 데이터가 이동하기는 함 ⇒ 스트리밍스트리밍 방식을 사용하지 않고 한번에 데이터를 받는 것 ⇒ 다운로드 TCP/IP이동하는 데이터의 순서 보장(넘버링을 통해)..

오늘 배운 내용컴퓨터 구조Memory Data 영역Data 영역에는 const(상수)가 저장된다. (타입 크기 변경의 여지가 없음)전역변수: 전역 + 상수정적변수: 변하지 않는 상수 Memory code 영역function (함수) 존재 ⇒ 단위 시간당 n번 이상의 호출이 있다면 캐시 메모리로 이동  OS프로세스 개수만큼 PCB 생성 (컨텍스트 스위칭이 일어남)  타임스탬프: 유닉스 타임 기준  순수함수: 입력값에 따른 출력값이 항상 동일한 함수자바스크립트는 쓰레기값을 싫어한다! ⇒ 언어는 브라우저 내에서 돌기 때문에, 브라우저에는 이미 쓰레기값이 많다function add (a, b) {} ⇒ 매개변수(parameter)add(1, 2) ⇒ 인수(argument)컴파일러렉시컬일종의 문화. 어떤 문맥인지..

면접질문 참고https://nomadcoders.co/community/thread/3979[diary] 프론트엔드 신입 면접 준비하기[면접준비] 프론트엔드 개발자 취업 면접 질문 및 답변 정리(64문)프론트엔드 면접질문 중요도별 정리[Frontend] 프론트엔드 주니어 개발자 면접 질문 (기술/인성) *실제 면접 시 질문 받았던 항목들에는 ⭐표시를 추가했습니다. 1. 객체지향이란?✅ 답변객체지향 프로그래밍이란 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그래밍하는 것을 뜻합니다.생성자 함수를 통해 객체를 생성할 수 있고 생성자 함수 내에 속성(property)과 행동(method)를 지정하면 생성된 객체들은 공통된 속성과 행동을 사용할 수 있습니다.모듈화, 은닉화, 상속이 가능하다는 특징이 있습니..

면접질문 참고https://nomadcoders.co/community/thread/3979[diary] 프론트엔드 신입 면접 준비하기[면접준비] 프론트엔드 개발자 취업 면접 질문 및 답변 정리(64문)프론트엔드 면접질문 중요도별 정리[Frontend] 프론트엔드 주니어 개발자 면접 질문 (기술/인성) 1. 리액트란?✅ 답변UI를 구축하기 위한 자바스크립트 라이브러리입니다.프레임워크가 아니고 라이브러리라 다른 프레임워크에 간편하게 붙여서 사용가능합니다.SPA이며 component를 기반으로 하여 모듈형으로 ui를 구성합니다.컴포넌트 기반이라 생산성과 유지보수가 용이하며, virtual DOM으로 인해 앱의 효율성과 속도가 빠릅니다. 참고: https://manon-kim.tistory.com/entry/..

타입스크립트 마이그레이션이 완료됐지만 구현할 때 타입명이나 폴더 구조를 신경 쓰지 않고 진행했기에 코드가 엉망진창이었다. 따라서 오늘은 폴더 구조도 변경하고 타입 이름도 조금 더 명시적으로 바꾸어주었다. 폴더 구조 타입스크립트로 프로젝트를 진행하는 건 처음이라 타입을 어떤 식으로 폴더에 정리해야 할지 고민을 많이 했다. 그 과정에서 다른 개발자 분들의 프로젝트도 많이 찾아봤는데, 딱히 어떻게 하면 좋다 그런 건 없는 것 같고 각자 규정한 컨벤션에 따르는 듯하다. 나는 `src > types` 폴더 아래에 각 기능 별로 타입과 인터페이스를 묶어 정리했다. `index.ts` 파일에서는 정의해 둔 타입 모듈을 모두 export 해 주었다. // index.ts export * from "./user"; ex..

이전 마이그레이션 관련 포스팅 JavaScript → TypeScript 마이그레이션 1(세팅, App, AppRouter) JavaScript → TypeScript 마이그레이션 2(대시보드 페이지, 대시보드 관련 컴포넌트: state 빈 배열 초기화 never type 에러 해결) JavaScript → TypeScript 마이그레이션 3(가계부 페이지, Button 컴포넌트: onClick 함수 타입 지정, 자잘한 오류들 해결) JavaScript → TypeScript 마이그레이션 4(가계부 페이지 관련 컴포넌트: TransactionList, Modal) JavaScript → TypeScript 마이그레이션 5(Auth: Test 계정 Auto Fill 구현, Community: paginat..

chapter 3. 타입스크립트 이해하기 0. 타입스크립트를 이해한다는 것은? 타입스크립트가 어떤 기준으로 타입을 정의하고, 어떤 기준으로 타입들 간 관계를 정의하고, 어떤 기준으로 타입스크립트 코드의 오류를 검사하는지 그 원리와 동작 방식을 이해하는 것. 1. 타입은 집합이다 타입스크립트의 '타입'은 여러 개의 값을 포함하는 '집합'이다. 집합: 동일한 속성을 갖는 요소들을 하나의 그룹으로 묶은 단위 타입스크립트의 모든 타입들은 집합으로써 서로 포함하고 포함되는 관계를 갖는다. 이런 관계에서 다른 타입을 포함하는 타입을 슈퍼 타입(부모 타입)이라 부르며, 반대는 서브 타입(자식 타입)이라고 한다. 타입 간의 이러한 계층 관계를 어떻게 이용할 수 있는지 살펴보는 것이 중요하다. ✅ 타입 호환성 A와 B ..