TIL

1. 필수 리눅스 명령어 vs코드의 터미널창 열기 ( 컨트롤 + 쉬프트 + 백틱 ) 윈도우 사용시 cmd가 아닌 bash, git bash로 열어야 한다. pwd (현재 폴더 확인) ls (현재 위치 파일들 확인) ls -a (현재 위치 파일들을 숨겨진것 없이 전부

1. Github에 업로드하기 GitHub에 업로드할 프로젝트의 폴더를 vscode에서 열고 세번째 '소스 제어'탭으로 이동 Github에 게시를 선택한다. Public - 리포지토리에 포함된 소스와 파일이 모두 전체공개로 업로드됩니다. 원하는 사람은 모두 내 소스코

메모리에 저장한다. 읽어들여서 재사용한다.변수 이름 : 저장된 값의 고유 이름변수 값 : 변수에 저장된 값변수 할당 : 변수에 값을 저장하는 행위변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위변수 참조 : 변수에 할당된 값을 읽어오는 것변수를 선언할 수 있는

input, output함수 선언문두 개의 숫자를 입력 받아서 덧셈을 한 후 내보내는 함수함수 표현식함수를 호출한다(= 사용한다)함수명() -> add()input : 함수의 input -> 매개변수(매개체가 되는 변수!)output : return문 뒤에 오는 값 :

객체 (중요함) key - value 는 pair 하나의 변수에 여러개의 값을 넣을 수 있다. 1. 객체 생성 방법 1-1. 기본적인 객체 생성 방법 객체 안에 있는 key 와 value 를 볼수 있다. 1-2. 생성자 함수를 이용한 객체 생성 방법 함수를 이용한

배열 1. 생성 1-1. 기본 생성 배열의 기본 생성 모습 확인. 결과값 확인. 1-2. 크기 지정 생성은 했지만 빈 배열임을 확인 할수 있다. 2. 요소 접근 각 요소에 접근 확인. 3. 배열 메소드 3-1. push

i라는 변수가 0부터 시작하고, 10까지 도달하기 위해 계속 돌면서 1을 더 한다고 이해했다.콘솔로 찍어본 결과 0부터 10까지 도달하기 위해 계속 사이클을 돌리는 것을 확인 할수있다.객체의 속성을 출력 하는 문법객체의 속성에 접근 할수 있다.for문과 같이 반복문이다

오늘 git 브랜치 강의를 받았다.브랜치 관련 TIL을 작성 하려고 했는데 저번 TIL에 이어 git에서 코드를 받아오는 것을 간단하게 복습하려고 작성한다. 물론 collaborator에 등록 돼있다는 가정하에 쓸거다. 바로 알아보자VScode를 열고 소스제어에 레포지

전 글에서 말한대로 git강의를 받았으나 gitbranch, gitswitch, gitcheckout, gitswitch-c무.. 뭐? 잘모르겠다. 개인적으로 터미널에 코드 치는것보다 버튼 딸깍을 하고싶어서 직접 이거저거 만져보면서 알게된 방법이다.간단하게 원본파일은

팀프로젝트 진행 도중 이런식으로 사진이 박히면 밑에 스크롤바가 생기면서 문서가 깨지지 않는걸 원했는데써보질 않았으니 어떻게 작성하는지 전혀 몰랐다. 바로 구글에 검색하면서 방법을 찾아 봤다. 위 사진밑에 스크롤이 생기게 하고 싶었다.방법은 의외로 간단했다이 코드만 넣으

API를 이용해 영화 소개 사이트를 만드는 프로젝트가 무사히 완료 됐다.4명이 팀을 이루어 진행 했고 일주일 정도의 시간을 이용한거 같다.전체적인 대력적인 영화를 확인할수 있는 메인페이지가 있고 포스터 클릭시 상세정보를 확인할수 있는 페이지가 구성 돼 있다.본인은 전체

리액트 강의에 입문 하면서 개념에 대해 먼저 알아보는 시간을 가졌다.‘React.js’는 SPA 기반의 프론트엔드 개발 프레임워크 중 하나로서, 컴포넌트 단위의 독립적인 블록을 이용한 개발 방법을 이용합니다.비슷한 프레임워크인 AngularJS, VueJS보다 월등히

state가 개인적으로 아직 어렵다고 느껴져서 복습 한다는 느낌으로 개념 이나 만드는 법 을 작성 하려고 한다.State란 컴포넌트 내부에서 바뀔 수 있는 값을 의미합니다. 왜 바뀌어야 할까요? 목적은 하나에요. 바로 UI(엘리먼트)로의 반영을 위해서죠.처음에 들었을

useEffect는 React에서 제공하는 Hook 중 하나로, 함수형 컴포넌트에서 부수 효과(side effect)를 다루기 위한 목적으로 사용된다.쉽게 말해 컴포넌트가 화면에 보여질때나 사라질때 무언가를 실행 시키고자 하면 useEffect를 사용하면 되겠다.컴포넌

useRef는 React에서 제공하는 Hook 중 하나로, 주로 DOM 요소에 접근하거나 컴포넌트의 상태를 변경하지 않고도 값을 기억할 때 사용됩니다.useRef는 함수형 컴포넌트에서 변동 없이 값이 유지되어야 하는 경우에 유용하다.주로 다음과 같은 상황에서 사용한다.

기존에 사용하던 input 과 똑같이 사용하고 type 만 date 로 바꾸어주면 달력 입력이 가능해진다.하지만 출력시 나는 예를 들어2024년 1월 29일이런식으로 출력하고 싶었으나2024-1-29기본적으로는 이렇게 출력이 된다.강의를 보면서 하나 알게 되었다.바로

CSS-in-JS는 JavaScript 코드 내에서 스타일을 정의하고 관리하는 방식을 말합니다. 전통적인 방식으로는 스타일을 별도의 CSS 파일에 작성하고 HTML 파일에서 그 CSS 파일을 참조하는 방식이었지만, CSS-in-JS는 이러한 분리된 방식 대신 JavaS

jsconfig.json 절대 경로를 지정한다는 건 알겠지만 자세한 개념은 잘 몰라서 확실하게 알아 봤다.jsconfig.json 파일은 JavaScript 프로젝트에서 사용되는 설정 파일 중 하나로, 주로 Visual Studio Code 및 기타 일부 개발 도구에서

개인 과제가 끝나고 복습겸 해설영상 보면서 다시 한번 코드작성을 하던도중ERRORletters.filter is not a functionTypeError: letters.filter is not a function at LetterList (http:/

레포지토리 생성했다는 가정하yarn create vite프레임워크 선택js or typescript 선택SWC를 사용할 것인지 물어본다.SWC는 Rust로 짜여진 컴파일러로 속도와 성능이 우수하기 때문에 SWC를 선택 했다.yarn - node_modules 설치yar

configureStore(): Redux Toolkit은 configureStore라는 함수를 제공하여 간단하게 Redux 스토어를 설정할 수 있다. 이 함수는 여러 가지 기능을 기본적으로 설정해주므로 개발자가 따로 설정을 하지 않아도 된다.createSlice():

json-server는 간단한 JSON 데이터를 사용하여 가짜 REST API를 생성하는 도구인데 이를 사용하면 개발 중에 실제 백엔드 서버가 없어도 프론트엔드 개발 및 테스트를 진행할 수 있겠다.json-server를 사용하면 몇 줄의 명령어로 가짜 REST API

HTTP(하이퍼텍스트 전송 프로토콜)는 인터넷에서 데이터를 주고받기 위한 프로토콜 중 하나이다. 주로 웹 브라우저와 웹 서버 간에 통신하는 데 사용되며, 클라이언트-서버 모델을 기반으로 한다.여러가지 특징과 개념이 HTTP와 관련되어 있다.1\. 상태 없음(Statel

axios axios란 >axios는 JavaScript 및 Node.js에서 HTTP 요청을 만들고 처리하기 위한 강력하고 사용하기 쉬운 라이브러리 이는 브라우저 환경 및 Node.js 환경에서 모두 사용할 수 있어서 클라이언트 측 또는 서버 측에서 모두 사용할 수

Thunk는 Redux와 함께 사용되는 미들웨어 중 하나로, 비동기 작업을 처리하고 액션 생성자에서 비동기 로직을 다룰 수 있게 도와주는 도구이다. 특히 React 애플리케이션에서 Redux와 함께 사용되어 상태 관리를 효과적으로 처리하는 데 도움이 된다.Thunk는

TypeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript에 정적 타입 시스템을 추가한 언어이다. TypeScript는 JavaScript의 확장이며, JavaScript 코드를 그대로 사용할 수 있다. TypeScript는 정

먼저 Node.js와 Yarn을 설치한다. Node.js 공식 웹사이트에서 Node.js를 다운로드하고 설치한 후, Yarn 웹사이트에서 Yarn을 다운로드하고 설치.프로젝트 디렉토리를 생성하고 해당 디렉토리로 이동한 후 아래 명령어를 실행하여 package.json