본문 바로가기

전체 글33

[TypeScript] TypeScript 환경 설정하기 1. Node.js와 npm 설치공식사이트에서 설치 후 터미널에서 node -v와 npm -v를 통해 버전을 확인합니다. 2. 프로젝트 초기화npm init -y 해당 명령어를 통해 프로젝트를 초기화 해줍니다.그러면 package.json 파일이 생성됩니다.{ "name": "ts0827", "version": "1.0.0", "main": "index.js", "scripts": { "build": "tsc", "start": "node dist/index.js", "dev": "tsc -w" }, "keywords": [], "author": "", "license": "ISC", "description": "", "dependencies": { "typescr.. 2024. 8. 27.
[프로그래머스 데브코스] [1기] K-Digital Training: 클라우드 기반 프론트엔드 엔지니어링 합격 후기 프론트엔드 데브코스에 합격하여 그동안의 과정과 후기를 한번 작성해보겠습니다.  데브코스에 지원하게 된 이유취업 준비를 시작한 올해 4월부터 프론트엔드 개발자(신입)로 지원서를 여러 곳에 제출하였습니다. 총 20개의 지원서 중 4개의 서류에 합격했지만, 과제 테스트에서 한 번 탈락하고, 최종 면접에서 두 번 탈락을 경험했습니다.  그래서 공백기가 길어질 것을 우려해 안전빵으로 데브코스에 지원하기로 마음먹었습니다.(죄송합니다..후후)저는 전공자이고 두 번의 교육 경험과 프로젝트 경험이 있기에 다시 교육을 받는 것이 애매하다고 느끼긴 했습니다.하지만 제대로 된 기획부터 시작하는 웹 프로젝트 경험이 없고, 취업과 개발에 대한 고민을 나눌 동료 개발자의 부재가 가장 큰 지원 동기가 되었습니다. 특히 이번 데브코스.. 2024. 7. 4.
[모던 리액트 Deep Dive] 05장 리액트와 상태 관리 라이브러리 5.2 리액트 훅으로 시작하는 상태 관리5.2.1 가장 기본적인 방법: useState와 useReduceruseState와 useReducer는 지역 상태를 관리할 수 있는 훅이다.하지만 이 지역 상태는 해당 컴포넌트 내에서만 유효하다는 한계가 있다. 그럼 여러 컴포넌트가 동시에 사용할 수 있도록 전역 상태를 만들어 컴포넌트가 사용하는 모든 훅이 동일한 값을 참조하게하면 된다.그리고 상태가 업데이트됐을 때 이를 컴포넌트에 반영시키기 위한 리렌더링이 필요하다. 위와 같은 조건을 만족하는 전역 상태 관리를 하기 위해 store를 정의해보겠다.store는 값이 변경될 때마다 변경됐음을 알리는 callback 함수를 실행해야 하고, 이 callback을 등록할 수 있는 subscribe 함수가 필요하다. 5... 2024. 7. 2.
Axios와 Promise에 대해 알아보자 Axios란?프로젝트를 할 때 백엔드와 프론트는 API를 통해서 데이터를 요청하고 응답하면서 통신을 한다. 프론트가 주로 사용하는 React는 UI를 만드는 자바스크립트 라이브러리이기 때문에,통신을 하기 위해서는 따로 라이브러리가 필요한데 그 역할을 하는게 Axios다. 즉,  Axios는 Promise 기반 HTTP 비동기 통신 라이브러리이다. 비동기로 HTTP 통신을 하게 해주고 REST API에 데이터를 요청할 때, 응답이 오면 promise 객체로 return 해주기 때문에 후속 처리도 간편하다.  그럼 Promise는 뭔데?Promise는 콜백 지옥을 벗어나기 위해 등장한 비동기 연산의 상태를 나타내는 객체이다.비동기 처리가 진행중이면 pending, 성공할 경우에는 fullfied, 실패하면 .. 2024. 6. 19.
[JavaScript] var, let, const의 차이에 대해 알아보자(scope, hoisting...) 1. 중복 선언 가능 여부var : 중복 선언이 가능하다.var name = 'kim';console.log(name); //kimvar name = 'lee';console.log(name); //lee 위와 같이 같은 이름으로 변수를 선언해도 에러없이 각각 다른 값이 출력된다.이렇게 되면 나도 모르게 같은 이름의 변수를 만들어서 값이 재할당되는 치명적인 실수가 일어날 수 있다. let/const : 중복 선언이 불가능하다.let name = 'kim';let name = 'lee'; //SyntaxError: Identifier 'menu' has already been declaredconst name = 'kim';const name = 'lee'; //SyntaxError: Identifier .. 2024. 6. 19.
[JavaScript] 라이브 코딩테스트 예제 정리 25+ JavaScript Coding Interview Questions (SOLVED with CODE) | FullStack.Cafe 25+ JavaScript Coding Interview Questions (SOLVED with CODE) | FullStack.CafeHaving a JavaScript Coding Interview Session on this week? Fear not, we got your covered! Check that ultimate list of 25 advanced and tricky JavaScript Coding Interview Questions and Challenges to crack on your next senior web developer interv.. 2024. 6. 19.

티스토리툴바