본문 바로가기

Developer13

TIL(24.05.16): Git 2 오늘 배운 내용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.. 2024. 5. 18.
TIL(24.05.14): Git 오늘 배운 내용Gitgit commit: 메모리에 올라와 있는 데이터를 실제 저장소에 write하는 것형상관리 툴 사용 이유remote repository 때문에 → remote repository가 살아있어야 데이터가 사라지지 않는다.여러 명이 동시에 코드를 작성하기 위함히스토리 확인stage: 임시 저장공간, 작업본stage가 필요한 이유충돌방지실수 방지repository: 실제 저장소, 최종본branchmain: head branch파일이 커밋될 당시의 버전을 의미브랜치의 커밋 버전과 파일의 커밋 버전은 서로 다른 것git rm : tracked → untracked로 변경됨, 지우는 명령어git clean : untracked된 파일을 삭제하는 명령어git ignore: 삭제도 적용. 삭제 명령어.. 2024. 5. 18.
TIL(24.05.09): 컴퓨터 구조 오늘 배운 내용컴퓨터 구조block: 데이터를 그룹화 해놓은 것페이지: 여러 개의 데이터를 한번에 묶어서 옮김. 이 단위를 페이지라 함. 페이지의 사이즈는 유동적.버퍼: 데이터를 한 곳에서 다른 한 곳으로 전송하는 동안 일시적으로 그 데이터를 보관하는 메모리의 영역. 데이터를 이동시키는 바가지 개념. 버퍼의 사이즈는 유동적. 개발자가 정할 수 있음. 보통 8k 단위.⇒ 메모리를 적게 사용하기 때문에 메모리 입장에서는 버퍼를 사용하는 것이 유리하다.여러 개의 버퍼를 지칭하는 용어로도 페이지를 사용한다.데이터의 순서가 무조건 선입선출은 아니지만 어떻게든 데이터가 이동하기는 함 ⇒ 스트리밍스트리밍 방식을 사용하지 않고 한번에 데이터를 받는 것 ⇒ 다운로드 TCP/IP이동하는 데이터의 순서 보장(넘버링을 통해).. 2024. 5. 18.
TIL(24.05.08): 웹개발 기초 (컴퓨터구조, 컴파일러, 자바스크립트 기초) 오늘 배운 내용컴퓨터 구조Memory Data 영역Data 영역에는 const(상수)가 저장된다. (타입 크기 변경의 여지가 없음)전역변수: 전역 + 상수정적변수: 변하지 않는 상수 Memory code 영역function (함수) 존재 ⇒ 단위 시간당 n번 이상의 호출이 있다면 캐시 메모리로 이동  OS프로세스 개수만큼 PCB 생성 (컨텍스트 스위칭이 일어남)  타임스탬프: 유닉스 타임 기준  순수함수: 입력값에 따른 출력값이 항상 동일한 함수자바스크립트는 쓰레기값을 싫어한다! ⇒ 언어는 브라우저 내에서 돌기 때문에, 브라우저에는 이미 쓰레기값이 많다function add (a, b) {} ⇒ 매개변수(parameter)add(1, 2) ⇒ 인수(argument)컴파일러렉시컬일종의 문화. 어떤 문맥인지.. 2024. 5. 8.
면접대비 질문 정리: 자바스크립트, 타입스크립트 면접질문 참고https://nomadcoders.co/community/thread/3979[diary] 프론트엔드 신입 면접 준비하기[면접준비] 프론트엔드 개발자 취업 면접 질문 및 답변 정리(64문)프론트엔드 면접질문 중요도별 정리[Frontend] 프론트엔드 주니어 개발자 면접 질문 (기술/인성) 1. 호이스팅(hoisting)이란?호이스팅이란 "끌어올린다" 라는 뜻으로 변수 및 함수 선언문이 스코프 내의 최상단으로 끌어올려지는 현상을 말합니다. (여기서 주의할 점은 "선언문" 이라는 것이며 "대입문"은 끌어올려지지 않습니다.) 👾 변수 호이스팅console.log(score); //undefinedvar score;js는 인터프리터에 의해 한줄씩 순차적으로 실행되는 인터프리터 언어다. 따라서 순.. 2024. 5. 1.
면접대비 질문 정리: 리액트 면접질문 참고https://nomadcoders.co/community/thread/3979[diary] 프론트엔드 신입 면접 준비하기[면접준비] 프론트엔드 개발자 취업 면접 질문 및 답변 정리(64문)프론트엔드 면접질문 중요도별 정리[Frontend] 프론트엔드 주니어 개발자 면접 질문 (기술/인성) 1. 리액트란?✅ 답변UI를 구축하기 위한 자바스크립트 라이브러리입니다.프레임워크가 아니고 라이브러리라 다른 프레임워크에 간편하게 붙여서 사용가능합니다.SPA이며 component를 기반으로 하여 모듈형으로 ui를 구성합니다.컴포넌트 기반이라 생산성과 유지보수가 용이하며, virtual DOM으로 인해 앱의 효율성과 속도가 빠릅니다. 참고: https://manon-kim.tistory.com/entry/.. 2024. 4. 30.
면접대비 질문 정리: 웹, HTML, CSS 면접질문 참고https://nomadcoders.co/community/thread/3979[diary] 프론트엔드 신입 면접 준비하기[면접준비] 프론트엔드 개발자 취업 면접 질문 및 답변 정리(64문)프론트엔드 면접질문 중요도별 정리[Frontend] 프론트엔드 주니어 개발자 면접 질문 (기술/인성) 1. 브라우저 작동 원리 (주소창에 google.com을 입력하면 일어나는 일)(사용자가 브라우저에 주소를 입력한 후에 서버로부터 전송된 데이터가 화면에 보이기까지 그 일련의 과정을 설명할 수 있어야 합니다.) ✅ 답변브라우저에 도메인을 입력하면, 브라우저는 해당 IP 주소를 얻기 위해 DNS(Domain Name System) 서버에 요청을 보내 IP주소를 받아옵니다. IP 주소를 받은 브라우저는 해당 .. 2024. 4. 11.
[FE] 우아한 테크코스 6기 프리코스 4주차 회고: 크리스마스 이벤트 플래너 시작 3주차 미션 목표는 클래스 분리, 단위 테스트 연습이었다. 이번 주차에서 중점으로 삼아야 하는 목표는 클래스 분리 심화이다. 주어진 요구사항에 맞추어서 클래스 분리에 신경쓰며 과제를 진행해 보기로 했다. 함수 분리와 커밋 메시지 컨벤션 지키기도 역시 주의하며 진행할 예정이다. 기능 요구 사항 크리스마스 이벤트 구현하기 구현 기능 목록 구현한 기능 목록은 다음과 같다. 입력받기 [ ✔ ] 식당 방문 예상 날짜 (숫자만) [ ✔ ] 주문할 메뉴와 메뉴 개수(e.g. 해산물파스타-2,레드와인-1) 예외 [ ✔ ] 식당 방문 예상 날짜: 숫자가 아닌 경우 [ ✔ ] 식당 방문 예상 날짜: 1 ~ 31 범위를 벗어난 숫자를 입력한 경우 [ ✔ ] 주문할 메뉴와 메뉴 개수: 메뉴판에 없는 메뉴를 입력한 경우 .. 2023. 11. 14.
[FE] 우아한 테크코스 6기 프리코스 3주차 회고: 로또 게임 시작 이번 과제에서는 이전 과제에서 목표로 삼았던 함수 분리와, 각 함수별 테스트 작성에 클래스(객체)분리, 도메인 로직에 대한 단위 테스트 작성이라는 목표가 추가되었다. 또한 함수가 단일 기능을 하도록 최대 15라인으로 함수 길이를 제한하고(함수를 분리하는 나만의 기준 만들기), 테스트 작성 이유에 대한 정리가 필요하다. 기능 요구 사항 구현 기능 목록 구현한 기능 목록은 다음과 같다. 입력받기 [ ✔ ] 로또 구입 금액 입력받기 (1000원 단위로) [ ✔ ] 당첨 번호 입력받기 (쉼표 기준으로 구분) [ ✔ ] 보너스 번호 입력받기 예외 [ ✔ ] 로또 구입 금액 입력: 1000원 단위로 끊어지지 않는 경우 [ ✔ ] 당첨 번호 입력: 숫자 중복 입력 [ ✔ ] 당첨 번호 입력: 6개보다 적거나 많.. 2023. 11. 8.
[FE] 우아한 테크코스 6기 프리코스 2주차 회고: 자동차 경주 게임 시작 이번 과제에서 중점으로 삼아야 하는 것은 함수 분리와, 각 함수별 테스트 작성이었다. 이전 과제에서 다음 과제부터는 테스트 코드에 익숙해지고 직접 테스트를 작성해 보겠다는 소감을 작성했었기 때문에, 이번 과제가 나에게 많은 도움이 될 수 있을 것 같다. 추가로 이전 과제와는 달리 요구사항이 추가되었는데, 함수의 indent는 최대 2여야 하고 git 커밋 메시지는 커밋 메시지 컨벤션을 참고해 기능 단위로 작성해야 한다. 기능 요구 사항 구현 기능 목록 구현한 기능 목록은 다음과 같다. 입력받기 [ ✔ ] 자동차 이름 입력받기 (쉼표 기준으로 n대, 이름은 5자 이하) [ ✔ ] 시도 횟수 예외 [ ✔ ] 자동차 이름 입력: 이름 5자 초과 입력 [ ✔ ] 자동차 이름 입력: 이름 입력 없음 [ ✔ .. 2023. 11. 3.
[FE] 우아한 테크코스 6기 프리코스 1주차 회고: 숫자야구 게임 기능 요구 사항 구현 기능 목록 구현한 기능 목록은 다음과 같다. 입력받기 서로 다른 3자리 수 입력받기 게임이 끝난 경우 재시작/종료를 구분하는 1과 2 중 하나의 수를 입력받기 (예외 1) 3자리 수가 아닌 수를 입력받은 경우 (예외 2) 3자리 수이지만 수에 동일한 수가 포함된 경우 (예외 3) 게임 종료 시 1, 2 이외의 다른 수를 입력받은 경우 입력한 수에 대한 결과 연산하기 컴퓨터가 랜덤으로 3개의 수를 고르기 사용자가 입력한 값의 자릿수와 랜덤수를 차례대로 비교하기 결과 출력하기 같은 수가 같은 자리에 있으면 스트라이크 다른 자리에 있으면 볼 같은 수가 전혀 없으면 낫싱 반복 사용자가 랜덤수를 맞출 때까지 숫자 입력받기 반복 게임 종료 후 사용자가 1, 2를 입력하면 랜덤수를 초기화하고 재.. 2023. 10. 26.
Git 명령어 정리(clone, commit, push) Git 초기 설정 git config --global user.name '유저 이름' git config --global user.email '가입 시 사용한 메일 주소' Git clone (GitHub의 레파지토리를 로컬에 저장) Git Hub에 레파지토리 생성 > git 주소 복사 > 컴퓨터에서 폴더 생성하고 싶은 위치로 가서 git bash > git clone '깃 레포지토리 주소' > 폴더 생성 완료 Git push (내 컴퓨터(로컬)의 수정사항을 Git hub로 커밋) 만들어진 폴더로 들어가서 git bash git add '파일명' (폴더의 내용 전부 올리고 싶으면 git add . 입력) git commit -m '커밋 내용' git push origin main Git pull (Git .. 2021. 12. 30.
반응형