JYA의 기술 블로그

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. 이번 "네트워크: CSS 알아보기, HTML과 연결, 기본 세팅코드" 강의를 들으며 웹 개발의 기초 중 하나인 CSS에 대해 보다 깊이 있게 이해할 수 있는 좋은 기회가 되었습니다. 그동안 CSS는 단순히 글자 색을 바꾸거나 배경에 색을 입히는, 즉 시각적인 요소를 꾸미는 보조적인 도구로만 여겼습니다. 하지만 강의를 통해 CSS가 단순한 꾸밈 도구가 아닌, 웹 페이지 전반의 구조와 흐름, 사용자 경험을 결정짓는 핵심적인 역할을 한다는 사실을 깨달았습니다. CSS의 기본 개념인 선택자, 속성, 값이라는 세 가지 구성 요소를 체계적으로 익히면서, 웹 디자인이 단순히 감각에 의존하는 것이 아니라 논리적이고 구조적인 설계가 필요하다는 점을 알게..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. HTML/CSS 기초 강의 중 "HTML 코드 구조 파악하기"를 수강하면서 웹 페이지의 기초가 되는 HTML의 역할과 중요성을 다시금 실감할 수 있었습니다. 그동안 단순히 태그를 나열하고 구조만 맞추면 되는 것으로 생각했던 HTML이, 실제로는 정보의 의미와 구조를 명확하게 전달하는 역할을 한다는 점에서 매우 중요한 언어라는 인식을 하게 되었습니다. 특히 HTML5를 기반으로 다양한 요소와 속성(attribute)을 접하면서, 웹 문서를 구성하는 데 있어서 단순히 보이는 화면 이상의 의미가 있다는 점을 느꼈습니다. 각 요소는 단지 시각적인 구성을 넘어서서, 사용성과 접근성, 그리고 검색 최적화(SEO)까지 연결되는 중요한 부분이라는 점에..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. “네트워크: 요청-응답 메시지, 웹소켓” 강의를 수강하며 웹 통신의 작동 방식에 대해 보다 구체적으로 이해할 수 있는 계기가 되었습니다. 이전까지는 브라우저에서 주소를 입력하면 어떻게든 페이지가 뜬다는 막연한 이해에 그쳤다면, 이번 강의를 통해 그 과정에서 오가는 요청과 응답 메시지의 구체적인 형태와 흐름을 알게 되어 매우 유익했습니다.특히 요청 메시지의 구조인 Request Line과 Request Headers, 그리고 응답 메시지의 Status Line과 Response Headers를 직접 보고 분석하는 과정은 실제 웹사이트가 어떻게 동작하는지를 체감하게 해주었습니다. 단순히 이론으로만 배우는 것이 아니라, 구글 웹페이지를 직접 ..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. "네트워크: 헤더, 상태코드" 강의를 수강하면서 HTTP 통신의 구조와 흐름에 대해 한층 깊이 있게 이해할 수 있게 되었습니다. 그동안 웹 개발을 하면서 헤더와 상태코드는 자주 접했지만, 단순히 외워야 하는 기술적 정보로만 생각해왔던 제게 이번 강의는 매우 인사이트 있는 시간이었습니다. 특히, 헤더의 종류와 역할에 대해 체계적으로 배우며, 각각의 헤더가 어떤 맥락에서 사용되는지를 알게 된 점이 가장 큰 수확이었습니다. 일반 헤더, 요청 헤더, 응답 헤더, 엔티티 헤더로 나뉘는 구조는 처음 들었을 때 다소 복잡하게 느껴졌으나, 강의에서 다양한 예시와 함께 설명해주신 덕분에 개념이 명확하게 정리되었습니다. 요청 헤더에서는 클라이언트의 요구사..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. 이번 강의를 통해 웹의 구조와 통신 원리에 대해 깊이 있게 이해할 수 있는 계기가 되었습니다. 그동안 웹을 사용할 때는 주소를 입력하고 결과를 받아보는 단순한 행위로만 인식해 왔으나, 실제로는 그 뒤에 복잡하고 정교한 개념들이 존재한다는 사실을 알게 되면서 큰 인사이트를 얻을 수 있었습니다. 특히 웹에서의 리소스 개념과 이를 식별하고 접근하는 방식, 그리고 서버와의 상호작용이 단순한 요청·응답 구조를 넘어 하나의 체계적인 흐름으로 구성되어 있다는 점이 인상 깊었습니다.URL과 URI의 개념은 그동안 혼용하여 사용해 왔지만, 이번 강의를 통해 각각의 정의와 역할이 명확히 구분된다는 점을 알게 되었습니다. 웹 상의 리소스를 가리키는 표현이 ..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. "네트워크: 웹 클라이언트, 웹 서버" 강의를 수강하면서 웹 기술 전반에 대한 이해의 폭이 한층 더 넓어졌습니다. 이전까지는 단순히 브라우저에서 웹사이트를 보는 것이 당연하게만 느껴졌고, 그 뒤에서 일어나는 복잡한 과정들에 대해서는 깊이 생각해본 적이 없었습니다. 그러나 이번 강의를 통해 웹 클라이언트와 서버 간의 통신이 어떻게 이루어지는지, 그리고 그 사이에서 어떤 기술들이 작동하는지를 보다 체계적으로 이해할 수 있게 되었습니다. 특히 모바일 웹 애플리케이션과 관련된 다양한 접근 방식들에 대한 설명이 인상 깊었습니다. 반응형 웹 디자인부터 시작해서 프로그레시브 웹 앱, 네이티브 앱, 하이브리드 앱에 이르기까지 각각의 특징과 장단점을 비..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다. 이번 강의를 통해 인터넷이라는 거대한 정보의 바다를 탐색할 때, 우리가 얼마나 많은 중간 기술에 의존하고 있는지를 새삼 느끼게 되었습니다. 평소에는 URL을 입력하고 결과가 화면에 나타나는 과정을 당연하게 여겼지만, 그 과정에는 사용자의 편의와 효율, 보안을 위한 다양한 기술들이 유기적으로 작동하고 있다는 사실을 알게 되었습니다. 특히 프록시와 캐시의 개념은 단순히 속도를 높이는 기술 그 이상이라는 인상을 받았습니다. 프록시는 사용자와 인터넷 사이에서 중계 역할을 하며, 단순한 중개를 넘어서 개인 정보를 보호하거나 트래픽을 제어하는 데에도 사용된다는 점이 흥미로웠습니다. 우리는 종종 인터넷을 사용할 때 우리 정보가 어디로, 어떻게 전달되는..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.  이번 강의를 통해 우리가 일상적으로 사용하는 인터넷이 어떤 구조 위에서 작동하는지에 대해 보다 명확히 이해할 수 있게 되었습니다. 평소에는 웹사이트에 접속할 때 단순히 주소를 입력하고 결과가 나오기만을 기다렸지만, 그 이면에서 수많은 기술이 유기적으로 작동하고 있다는 사실을 깨닫게 되었습니다. 특히 TCP 커넥션을 형성하기 위한 절차인 SYN, SYN-ACK, ACK 흐름은 네트워크 통신이 얼마나 정교하게 설계되어 있는지를 보여주는 대표적인 예라고 생각합니다. 이러한 절차를 통해 신뢰성 있는 데이터 전송이 가능해진다는 점이 인상 깊었습니다.또한 IP주소와 포트번호의 개념을 정확히 이해하면서, 서버와 클라이언트 간의 통신이 어떻게 분리되고..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.  "네트워크: 웹과 HTTP, 네트워크의 기본 TCP/IP" 강의를 수강하면서 평소 일상적으로 사용해왔던 인터넷과 웹 서비스의 작동 원리를 보다 깊이 있게 이해할 수 있었습니다. 브라우저에 URL을 입력하는 단순한 행동 하나에 DNS 조회, HTTP 요청과 응답, TCP 연결 설정, 데이터 전송 등 다양한 과정이 복합적으로 얽혀 있다는 사실이 인상 깊었습니다. 평소 무심코 사용하던 인터넷 뒤편에 이렇게 정교한 메커니즘이 숨어 있다는 점이 신기하게 느껴졌고, 우리가 매일 접하는 기술이 얼마나 섬세하게 설계되어 있는지를 다시 한번 느끼게 되었습니다.강의에서 다룬 TCP/IP 계층 구조는 웹개발에 많은 도움이 되는 내용이었습니다. 네트워크 통신..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.   “프론트엔드 프레임워크, 웹2.0과 웹3.0” 강의를 통해 프론트엔드 기술의 현재와 미래, 그리고 웹의 진화 과정에 대해 폭넓게 이해할 수 있었습니다. 지금까지 프론트엔드 프레임워크에 대해 단순히 기술적인 비교만 해왔던 저에게 이번 강의는 기술을 선택하고 사용하는 데 있어 더 깊은 시각을 갖게 해준 소중한 시간이었습니다. React, Vue.js, Svelte는 각각 고유한 구조와 철학을 지닌 프레임워크로, 강의에서는 이들에 대한 기본적인 소개와 함께, 왜 React가 현재 가장 많은 선택을 받고 있는지에 대해 The State of JS 2021 데이터를 바탕으로 설득력 있게 설명해 주었습니다. 특히 React의 선택 이유를 단순히 ..