본문 바로가기

전체 글50

기술 면접 준비 - HTTP 기본 (2) HTTP란?텍스트 기반 통신 규약으로 인터넷에서 데이터를 주고받을 수 있는 프로토콜이다.비연결지양(Connectionless) - 요청과 응답을 한 번씩 주고받으면 연결을 끊음상태없음(Stateless)웹 문서간 링크를 통해 연결할 수 있는 프로토콜이며, 문서 뿐만 아니라 html, text, 이미지, 음성, 영상, 파일, json, xml, 등 다양한 종류의 데이터를 폭 넓게 전송할 수 있다.Stateless한 HTTPStateless아케텍쳐 스타일 제약 조건 중 하나로 서버에서 상태를 관리하지 않는 것을 뜻한다. 서버에 상태를 저장하지 않기 때문에 세션관리를 위해서는 서버가 세션 상태를 알게 하기 위한 다른 방법이 필요하다.→ 클라이언트가 세션 상태를 매번 전달해주는 방식을 취할 수 있는데, 이때 상.. 2024. 6. 17.
기술 면접 준비 - Javascript 기본 (1) 시작하기에 앞서...F-Lab 멘토링 과정에서 기술 면접을 준비하며 적어둔 정보를 여기에 다시 작성해두려 한다. 프론트엔드 기술 면접에서 범용적으로 질문하는 것들에 대하여 적어두었으며, 범위가 상당하지만 모두 유기적으로 연결되어있는 내용이기도 하다. 자주 물어보는 내용이기도 하지만, 꼭 기술 면접이 아니더라도 본인이 이론적인 부분에 대하여 취약하다고 판단한다면 한번 공부를 해보는 것도 좋을 것 같다.자바스크립트란?자바스크립트는 클라이언트 사이드에서 동작하는 싱글스레드 프로그래밍 언어이다.인터프리터 방식으로 동작하는 특징을 가지고 있다.인터프리터 vs 컴파일러인터프리터코드가 순차적으로 런타임(코드가 실행되는 시점)에 실행되는 프로그램 실행 접근 방식 중 하나이다.초기에 코드를 스캔하는 속도가 빠르다.전체적.. 2024. 6. 16.
F-Lab 내돈내산 수강 후기 멘토링을 찾고 있었던 당시...당시 필자는 1년째 재직중이었다. 입사 당시 프론트엔드 개발자로 입사를 하였지만, 프론트엔드 개발 보다도 서버 관리와 여러 현장 대응에 더 많은 시간을 보내고 있고, 최근 진행하고 있는 프로젝트는 장고와 제이쿼리 위주의 개발이기 때문에 리액트를 사용한 개발 업무는 거의 전무하다고 할 수 있을 정도에 이르렀다. 프론트엔드 개발을 하더라도 백엔드와 디비에 관한 이해가 존재하면 전체적인 프로세스에 대한 고찰을 통해 더 나은 개발을 할 수 있을 것이라고 생각은 했지만, 지난 1년의 시간을 돌아보았을 때, 내가 한 것 중 그 어느것도 제대로된 프로젝트가 아닌, 보고의 보고의 보고를 위한 보고용 개발이었다는 걸 알게 되었다. 1년 동안 가장 많이 한 것은 팀장님 PPT 대신 만들기였던.. 2024. 6. 12.
Next.js 시작하기 - 간단한 Login 페이지 만들기 (2) React-Hook-Form 간단한 화면 구성하기로그인 폼을 만들기 위해, 지금부터 MUI로 간단한 화면 구성을 먼저 만들어둘 예정이다. 이때, 모든 페이지는 상단에 bar가 있어야 한다. 모든 페이지에 일일이 bar 컴포넌트를 넣는 대신, 하나의 레이아웃 형태로 모든 페이지가 동일한 bar를 가지고 있을 수는 없을까? 리액트에서도 그랬듯, Next.js에서도 마찬가지로 최상위 파일에 컴포넌트를 지정하고 children을 통해 하위 컴포넌트를 랜더링하면 굳이 모든 페이지에 bar를 지정할 필요 없이 공통적으로 사용할 수 있게 된다.  현재 Next.js의 app 폴더는 다음과 같은 구조로 되어있다.app├── favicon.ico├── globals.css├── layout.tsx├── login│ └── page.tsx├── .. 2024. 6. 9.
사회초년생의 IRP 관리하기 시작하기에 앞서...처음 회사에 입사했을 때, 회사에서는 기업은행에서 급여를 받을 통장과 IRP 계좌를 개설해 오라는 퀘스트를 쥐여주었다. 월급은 받아야 하니 급여 통장을 개설하는 것 까지야 이해를 했지만, IRP계좌란 뭘까? DC는 뭐고 DB는 또 뭔가. 어렵고도 복잡하고 퇴직금은 너무 먼 이야기인 것 같아 만들어만 둔 채 장롱에 고이 모셔둔 IRP통장. 이때까지만 해도 필자가 아는 것이라고는 단순했다. 회사에서 퇴직금을 IRP 통장으로 지급한다.받은걸 내 예적금 통장에 넣으면 되겠다! 그럼 그렇지. 세상은 호락호락하지 않았고, IRP 계좌로 들어온 작고 소중한 퇴직금을 예적금으로 옮기게 된다면 당연히 세금을 내야만 했다.경제전문가가 아닌 그저 일반 직장인의 입장에서 세금 계산은 너무 어렵고 무서운 것.. 2024. 6. 3.
Next.js 시작하기 - 간단한 Login 페이지 만들기 (1) Router 시작하기전체적인 프로젝트 세팅이 끝났으니, 이제 본격적으로 페이지를 만들어볼 차례다. 빠른 개발을 위해 MUI를 적극적으로 사용하여 직접 스타일링을 하는 경우를 최대한 줄이고자 하지만, React-Hook-Form과 MUI를 사용하는 것에 있어서 컨트롤적인 문제가 발생하는 부분이 있다. 때문에 이러한 문제가 발생하는 부분에 대하여 직접 스타일링을 하는 부분 또한 존재할 예정이다.만약 MUI를 어쩔 수 없이 꼭 React-Hook-Form과 사용하고자 한다면, 사용법을 함께 첨부할 예정이다. 필자는 방법을 알아내는데 너무 많은 삽질이 들어갔다.Next.js의 라우팅 방식Routing - 페이지 간의 이동을 관리하는 방법이다. NextJS 14 Folder StructureOnce again, it’s 5 .. 2024. 5. 30.
728x90
반응형

티스토리툴바