오늘은 사전스터디분들과 2챕터 부터 5챕터까지 복습을 했습니다.복습중 내가 무심코 지나간 내용을 쓸려고 합니다switch 조건문조건부 연산자불 표현식(조건 같은거 쓰면됨?) ? 참값 : 거짓값배열 요소 제거/ 추가.splice() 추가/ 제거 가능.indexOf() 특
JWT JWT(JSON Web Token)란 인증에 필요한 정보들을 암호화시킨 JSON 토큰을 의미 JWT 기반 인증은 JWT 토큰(Access Token)을 HTTP 헤더에 실어 서버가 클라이언트를 식별하는 방식 JWT는 JSON 데이터를 Base64 URL-saf
ES 는 ECMAScript 의 약자이며 자바스크립트의 표준 사양인 ECMA-262를 뜻함프로그래밍 언어의 값, 타입, 객체와 프로퍼티, 함수, 표준빌드인 객체등 핵심문법을 규정let, const 추가화살표 문법 지원 - function () -> () => 형식으로
컴포넌트에서 유동 적으로 변할 수 있는 값을 저장state에서 값이 변경되어 리렌더링이 필요할 경우에 리액트가 자동으로 감지해 렌더링을 합니다.자식 컴포넌트에 원하는 값을 넘겨줄 때 상ㅅㅇ변수, 함수, 객체, 배열등 자바스크립트의 요소면 제한X읽기 전용/ 값 변경 불가
React Hook은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능기본 Hooks \- useState (동적 상태 관리) \- useEffect (side effect 수행 -mount/unmount/update) \- useCont
Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할땐 axios를 쓰는
뿌듯한 점처음으로 FE와 BE와의 협업을 통해 소통 하며 서버에서 데이터 가져오고 보내보고 각종에러를 만나보면서 해결하는 법을 알게 되었고 그리고 저번 주차보다 제가 조금더 성장했다는 느낌도 들어서 매우 좋았습니다!!!아쉬운 점각페이지 마다 레이아웃 작업을 하는데 시간
이번 주차에는 텀블벅을 클론코딩을 하면서 배웠던 것들은 후원하기를 누르면 자연스럽게 후원하기 쪽으로 스크롤이 내려가는 기능이 있었는데 react-scroll을 이용하여 구현을 하였고 react-scroll을 사용할때 주의할점은 react-router-dom에 있는 Li
이번주에는 주특기나 클론때 처럼 무언가 급하다고 생각하지 않아 느슨해졌다고 느껴지고 좀더 분발을 해야한다고 생각되는 주차였던거 같습니다... 로그인쪽과 기본적인 crud에 대해서는 이제 많이 익숙해져서 어려움이 없었던거 같지만 새로운 기능에 대해 도입을 시도해서 어찌저
오디오 solo 재생에 대해 검색을 하던 도중 Emitter에 대해 조금 공부를 해보았습니다!Nodejs EventEmitter는 nodejs 애플리케이션을 만들다 보면 많이 사용하는 라이브러리 입니다.EventEmitter와 EventLoop 사이엔 아무런 관계가 없
이번주는 무언가 빠르게 지나간거 같은 느낌이 많이든 주였던거 같습니다...제가 한 작업물에 대해 많이 못한거 같은 느낌이 많이들고 제가 부족한거 같은 느낌이 많이 들었습니다.... 설연휴 지나고 저희가 짜 놓았던 mvp에 대해서 최대한 제작을 하고 제가 할 수 있는 역
이번주에는 상세페이지 재작업하고 기능 몇가지 추가하였고 설정 페이지에서 17가지의 상태값을 핸들링 해줘야 했는데 이 시간을 많이 잡아 먹은거 같다 그리고 처음에 태그에서 배열로 달라했는데 문자열로 받아야 하는 상황이 발생했고 백엔드에서 배열에서 문자열로 바꿀때 테이블에
오늘은 미리 면접에 대한 내용을 정리 할까 생각중이다!DNS - Domain Name System도메인 주소를 IP주소로 변환해주는 시스템sub-domain.domain.Top-level.domainSub-domain - www,m,store 등 제일 왼쪽을 뜻함Top
오늘 이력서를 다 적고 기술 면접에 대해 공부하는 중이다... React, Angular, vue공통점spa기반의 라이브러리, 프레임 워크입니다프레임워크 : 애플리케이션 구조에 대한 가이드라인과 기반 코드를 제공하는 툴입니다라이브러리 : 함수들의 집합체, 함수를 재사용
내가 react를 왜 썼는가 라는 질문이 들어 왔을때 어떤 대답을 해야할지 고민을 많이 했습니다... Angular, vue 도 있는데 왜 react를 선택 했는지!일단 3개를 비교하기전에 프레임워크와 라이브러리에 대해 알아봐야 할거 같습니다!프레임 워크란?프레임워크는
github 머지하기전 팀원에게 Approve(승인)을 받아야 머지되게 하는 방법setting으로 이동합니다.Branches 이동Add branch protection rule 클릭Branch name pattern에 사진과 같이 (\*은 모든것을 의미 , main,
style component는 react에서 css를 작성하는 방식 중 하나로 각 컴포넌트에 스타일을 직접 적용할 수 있습니다. 이를 통해 css의 전역 스코프와 충돌을 막을 수 있고, 컴포넌트의 재사용성을 높일 수 있습니다globalstylestyled-compone
apexcharts
3박 4일동안 제주도로 가족여행을 떠났습니다~! 노트북 들고 가서 조금씩은 작업을 하였지만 평소처럼 작업은 하지 못하였고 맛있는거 많이 먹고 열심히 구경도 다닌거 같아 만족스러웠습니다!apexcharts에서 stroke 속성을 타입스크립트로 작성시 에러가 발생이 됩니다
이번주는 많은 일이 있엇던거 같다...월요일부터 목요일까지 사이드 프로젝트하면서 공부를 하였고 금요일에는 면접 보러 srt타고 수서역에 내려 판교역에 내렸다. 처음 면접을 보러 가다보니 많이 긴장을 하였고 면접이 끝난뒤 내가 무슨말 한지 기억도 안났다... 그리고 대학