본문 바로가기

전체 글

 (348)
[취업준비] 안양시 면접 정장 무료대여 with.안양청년옷장 면접을 보러 가야 하는데 자유 복장이 아닌 정장이 필요한 곳으로 가게 되었습니다. 이번에 안양청년옷장 서비스를 이용해보려고 합니다. 해당 과정을 이용하면서 이용 방법과 과정을 정리해 보겠습니다. 우선 안양시에서 제공하는 안양청년옷장으로 갑니다. 해당 서비스는 로그인이 필요하지만 소셜로그인(구글, 네이버 등)이 가능하기 때문에 간편하게 로그인할 수 있습니다. 안양청년옷장 - 안양시 통합예약7176 비밀글 면접 정장 대여 신청합니다. 새글 김 * * 2025-07-04 7175 비밀글 면접 정장 대여 신청합니다. 새글 윤 * * 2025-07-03 7174 비밀글 면접 정장대여 신청합니다. 새글 한 * * 2025-07-02 7173 비밀글 면www.anyang.go.kr자세한 설명화면으로 들어가면 아래와..
[TS] TS Doc Handbook 1회독 - 10 Modules해당 핸드북에서는 import/export(ES Modules)와 CommonJS의 module.exports 문법을 다룹니다.How JS Modules are Defined최상단에 import 또는 export가 있어야 해당 파일을 module이라고 인지합니다.Non-modulesJS에서는 import 선언문, export 그리고 최상단에 await가 없다면 스크립트로 간주합니다. 만약 import나 export 할 게 없는데 해당 파일을 모듈로 인식하게 하고 싶다면 export {}; 를 사용하면 됩니다.Modules in TSTS에서 모듈 기반 코드에 대해 고려하는 것1. Syntax2. Module Resolution3. Module Output TargetES Modul Synta..
[React.js] static page last 강의를 듣다 보면 유료 결제해야 가능하다고 하는 과제들이 있는데 상단 부분에 x(skip) 버튼을 누르면 강의는 계속 진행되기 때문에 스스로 해보고 스킵을 눌러 정답을 보면 문제없이 강의를 들을 수 있습니다.React component?React element를 렌더링 하는 class 또는 function입니다. 과거에는 class를 사용해서 만들었지만 현재는 function을 사용해서 만듭니다. FragmentsReact component는 하나의 element만을 반환해야 하기 때문에 여러 html 요소들을 묶어서 반환해야 합니다. 이때 div나 어떤 태그를 사용해서 감싸게 되면 실제 html에 필요 없는 요소들이 많아질 것입니다. 이를 대체하기 위해서 사용됩니다.[React] Fragment Par..
[리뷰] 튜토리얼 헬에서 벗어나라 리액트를 학습하려고 한 영상에서 튜토리얼 헬에서 벗어나는 방법이라며 하나의 글을 공유해 줍니다. 처음에 이름을 봤을 때 튜토리얼 헬이 어떤 느낌일지 살짝의 감은 잡혔지만, 피할 수 있는 방법에 대해서는 생각이 나지 않았고 영상을 보는 와중에도 관심이 가서 해당 글을 읽게 되었습니다. 우선 읽었던 글의 내용에 대해 간단하게 정리하겠습니다. 더 자세한 내용은 직접 글을 통해 읽어보시길 바랍니다.튜토리얼 헬이란 어떤 것을 학습하기 위해서 계속 튜토리얼만 진행하는 것을 의미합니다. 튜토리얼을 보며 학습하는 것이 나쁜 것은 아닙니다. 하지만 튜토리얼의 편리함에 빠지면, 튜토리얼이 끝났을 때 무엇을 해야 할지 모르게 될 수 있습니다. 그렇기에 튜토리얼에서 벗어나 오픈 소스에 PR(pull request)하는 것을 ..
[React.js] static page part.2 Composable리액트에서 말하는 composable은 복잡한 UI를 작고 독립적이며 재사용 가능한 컴포넌트들을 사용해서 구현하는 것을 의미합니다. 컴포넌트를 마치 라이브러리처럼 만들고 여러 곳에서 사용하는 것입니다.Declarativedeclarative(선언형)은 무엇을 할 것인지에 중점을 두는 것이고, 반대로 imperative(명령형)은 어떻게 할 것인지에 중점을 두는 것입니다. 예를 들어 목표가 주어진 숫자 배열에서 짝수만 추출하는 것이라고 합니다. imperative의 경우 배열을 순회하면서 요소가 짝수인지 확인하고 짝수라면 evens 배열에 넣는다라는 어떻게 할 것인지 볼 수 있습니다. 반면에 declarative는 내부 동작은 보이지 않지만 filter 함수를 통해서 짝수만 추출한다라는 ..
[React.js] About lecture & static page 170개의 챌린지와 6개의 프로젝트로 진행된다고 합니다. 해당 과정은 유튜브에서 풀 영상을 볼 수도 있지만, scrimba라는 사이트에서 단계 별로 나눠진 영상을 볼 수 있습니다. Scrimba 사이트를 이용하면 사이트 내부에서 직접 코드를 작성해 보며 진행할 수 있습니다. 코드는 강사와 학생이 모두 편집 가능한데 이 기능을 이용해 코드를 다시 작성해 볼 수 있도록 과제를 줍니다. 따라서 유튜브보다는 scrimba에서 수업을 듣는 것을 추천합니다. 코드를 작성하면 작은 화면에 결과가 출력되는데 이를 확인하고 리뷰를 해주며 결과에 도달할 수 있도록 도움을 줍니다. 어떠한 테스트 과정을 거쳐서 확인하는 것 같습니다.static pagedata driven reactreact stateside effectsc..
[Next.js] Parallel Routes part.2 & Intercepting Routes Unmatched Routes지난 시간에 parallel route를 이용해 한 화면에 여러 페이지를 나타냈습니다. 하지만 slot 폴더 내부에 기본 폴더를 만들어서 이동하고 해당 URL로 접속하거나 reload 하면 404 에러가 발생했습니다.next에서 제공하는 slot에 대한 두 가지 navigation이 있습니다.1. Soft Navigation: 부분 렌더링. 예를 들어 slot 내부에서 Link를 통해 이동2. Hard Navigation: 전체 페이지 로드. 예를 들어 f5로 새로 고침하는 경우 Hard Navigation 시 slot에 대한 활성 state를 결정할 수 없어 문제가 발생합니다. 문제를 해결하기 위한 방법이 default.tsx 페이지를 생성하는 것입니다.지난 시간에서 사용된..
[코테 꿀팁] JS가 나타낼 수 있는 수의 범위는? JS에서는 수를 나타내기 위해 사용하는 타입이 두 가지입니다. 1. Number 타입2. BigInt 타입 Number 타입은 기본적으로 1,2,3과 같이 자주 사용되는 수입니다. 하지만 코딩 테스트를 진행하는 경우 일반적이지 않고 어마무시하게 큰 수를 다뤄야 할 수 있습니다. 왜냐하면 단순하게 사용되지 않고 곱해지고 더해지는 연산이 들어가기 때문입니다. 그렇기에 Number 타입의 범위를 알고, 그 이상의 수가 필요하다면 BigInt를 적절히 사용할 줄 알아야 합니다. Number 타입의 한계를 알아보겠습니다.console.log(Number.MAX_SAFE_INTEGER);// 9007199254740991 Number에는 최대로 안전한 정수 값을 확인할 수 있는 멤버가 있습니다. 9경 71조 992..

티스토리툴바