Project.log

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 Vue.js 프레임워크를 통해 컴포넌트 기반의 웹 클라이언트 개발 방법론을 더 자세히 알아보겠습니다. Checklist Vue.js는 어떤 특징을 가지고 있는 웹 프레임워크인가요? Vue.js는 가벼운 웹 프레임워크로, SPA(Single Page Application)를 개발하기 위해 설계되었습니다. Vue.js는 다음과 같은 특징을 가지고 있습니다. 리액트와 앵귤러에 비해 가볍습니다. MVVM(Model-View-ViewModel) 패턴을 기반으로 합니다. 가상 DOM(Virtual DOM) 기반의 빠른 렌더링 속도를 가지고 있습니다. 컴포넌트 기반..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 자동화된 테스트에 어떤 장점이 있는지, 어떤 식으로 구축할 수 있는지에 대해 알아보겠습니다. Checklist 자동화된 테스트를 만드는 것에는 어떤 장점과 단점이 있을까요? 장점: 시간과 비용 절감: 자동화된 테스트는 사람이 수작업으로 수행하는 테스트보다 더 빠르고 정확하게 실행됩니다. 이는 시간과 비용을 절감할 수 있습니다. 일관성: 자동화된 테스트는 일관적인 방식으로 수행됩니다. 이는 사람이 수작업으로 테스트를 수행할 때 발생할 수 있는 실수와 오류를 최소화합니다. 더 넓은 범위의 테스트: 자동화된 테스트는 더 많은 테스트 케이스를 더 빠르게 실행할..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 타입스크립트와 린트 시스템을 통해 코드에 대한 정적분석의 장점에 대해 알아보겠습니다. Checklist 코드를 린팅하는 것의 장점은 무엇일까요? 코드 린팅(linting)은 프로그래밍에서 코드의 구문(syntax)과 스타일(style)을 자동으로 검사하는 프로세스입니다. 코드 린팅을 하는 것은 다음과 같은 장점이 있습니다: 코드 품질 향상: 코드 린팅은 일관된 스타일을 유지하도록 도와주며, 잠재적인 오류를 사전에 발견하여 코드 품질을 향상시킵니다. 린팅 도구는 일관성 없는 들여쓰기, 잘못된 변수 사용, 불필요한 코드, 오타 등을 감지하여 수정하도록 유도..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 차세대 웹 API의 대세로 각광받고 있는 GraphQL에 대해 알아보겠습니다. Checklist GraphQL API는 무엇인가요? REST의 어떤 단점을 보완해 주나요? GraphQL API는 데이터 쿼리 및 조작을 위한 새로운 방식을 제공하는 웹 API입니다. REST API와 마찬가지로 클라이언트와 서버 간의 통신을 위한 인터페이스를 제공하지만, GraphQL은 REST API와는 다른 방식으로 작동합니다. REST API는 URL 경로 및 HTTP 동사를 사용하여 리소스에 대한 요청을 전송하고, 서버는 JSON 또는 XML과 같은 형식으로 응답합..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 가장 기초적인 웹 서비스 보안에 대해 알아보겠습니다. Checklist 입력 데이터의 Validation을 웹 프론트엔드에서 했더라도 서버에서 또 해야 할까요? 그 이유는 무엇일까요? 웹 프론트엔드에서 데이터의 유효성을 검증하는 것은 사용자 경험을 개선하고 잘못된 데이터를 서버로 보내지 않도록 하는 데 도움이 됩니다. 그러나 서버에서도 입력 데이터의 유효성을 검증해야하는 이유는 다음과 같습니다. 보안: 사용자는 웹 페이지를 조작하여 서버로 잘못된 데이터를 보낼 수 있습니다. 서버 측에서 데이터를 다시 한 번 확인하면 이러한 위협을 방지할 수 있습니다. ..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 데이터베이스를 다루는 방법에 대해 알아보겠습니다. Checklist RDBMS 테이블의 정규화는 무엇인가요? 관계형 데이터베이스(RDBMS)의 테이블 정규화(normalization)는 데이터를 중복 없이 효율적으로 저장하기 위한 프로세스입니다. 데이터를 정규화함으로써, 데이터 중복을 제거하고, 데이터 일관성을 유지할 수 있으며, 데이터 변경시 발생할 수 있는 이상 현상을 방지할 수 있습니다. 보통 테이블을 정규화할 때는, 일정한 규칙에 따라 테이블을 분리하고, 각 테이블의 관계를 정의합니다. 이때 사용되는 규칙은 대부분 업계 표준으로 수용되는 5가지 ..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 웹에서의 인증에 관해 알아보겠습니다. Checklist 쿠키란 무엇일까요? 쿠키(cookie)란 인터넷 사용자가 어떤 웹사이트를 방문하면, 해당 웹사이트에서 사용자의 컴퓨터에 저장하는 작은 데이터 파일입니다. 쿠키는 일반적으로 사용자가 다시 웹사이트를 방문할 때 해당 사이트에서 사용자를 인식하고, 사용자의 개인 설정이나 로그인 정보 등을 유지하기 위해 사용됩니다. 쿠키는 사용자의 컴퓨터에서만 저장되며, 웹사이트에서는 해당 쿠키에 저장된 정보를 읽어들이고 활용할 수 있습니다. 쿠키는 사용자의 개인 정보를 수집하거나 유출할 수 없으며, 사용자가 수동으로 쿠..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 서버와 클라이언트의 연동, 그리고 웹 API의 설계 방법론 중 하나인 REST에 대해 알아보겠습니다. Checklist 비동기 프로그래밍이란 무엇인가요? 비동기 프로그래밍은 프로그램의 실행 흐름과 관련된 개념으로, 여러 작업이 동시에 실행되도록 하고 작업 완료 시 결과를 처리하는 방식을 말합니다. 전통적인 동기적 프로그래밍에서는 하나의 작업을 처리할 때 해당 작업이 완료될 때까지 기다리고, 다음 작업을 처리합니다. 이러한 방식은 순차적으로 진행되기 때문에 한 작업이 오래 걸릴 경우 전체적인 실행 시간이 길어지는 단점이 있습니다. 반면에 비동기 프로그래밍..