전체 글

[도서리뷰] 실전 코드로 배우는 Vue.js - Vue 3 기초부터 Vue 라우터와 Pinia를 사용한 프로젝트 구축까지

- 책 정보최신 기술 흐름을 반영해 Vue 3의 핵심 기능을 실무에 바로 적용할 수 있도록, 실용적인 코드 예제와 함께 구체적으로 설명한다. 컴포지션 API, Pinia, 라우터 설정, 그리고 서버 사이드 렌더링 등 현대 웹 애플리케이션 구축에 필수적인 주제들을 상세히 소개한다. 또한, 최신 프런트엔드 개발 트렌드에 맞춘 단위 테스트, CI/CD 통합, 트랜지션 및 애니메이션 기능까지 설명하며 실전에서 바로 사용할 수 있는 프로젝트를 구축하는 방법을 제시한다.- 도서 리뷰이 책은 Vue의 기본 동작 원리와 구체적인 활용법을 상세히 다루면서도, 초보자와 중급자 모두 쉽게 따라할 수 있는 친절한 설명을 제공한다. 기초적인 Vue 인스턴스 구성부터 시작해 고급 컴포넌트 간 통신 방법, API를 통한 데이터 통..

[도서리뷰] 이것이 취업을 위한 컴퓨터 과학이다 with CS 기술 면접 - 취업과 이직을 결정하는 필수 CS 지식+기술 면접 가이드

- 책 정보프로그램의 실행 원리를 이해하지 못한 채 ‘일단 작동만 하도록 만드는 것’과 정확하게 이해하고 ‘제대로 작동하도록 만드는 것’, 둘 중 어느 것이 더 쉬울까? 개발을 해 본 사람이라면 이미 답을 알고 있을 것이다. 제대로 작동하는 프로그램을 개발하려면 문제를 정의하고 해결할 수 있어야 한다. 문제의 해결은 곧 컴퓨터 과학에서 시작되며, 이것이 바로 수많은 기업에서 입사 지원자의 컴퓨터 과학적 지식을 검증하는 이유이다.이 책은 취업과 이직, 기술 면접과 밀접한 컴퓨터 과학 전반(컴퓨터 구조, 운영체제, 자료구조, 네트워크, 데이터베이스)을 다루며, 실제 프로그래밍에 적용되는 구체적 사례와 친절한 설명을 통해 컴퓨터 과학이라는 방대한 주제를 한눈에 파악할 수 있도록 돕는다. 이 책을 통해 컴퓨터 ..

[웹 보안] Apache에서 보안 헤더 설정 방법 [HttpOnly, Content-Security-Policy, X-Content-Type-Options, X-Frame-Options, X-XSS-Protection]

- Apache에서 보안 헤더 설정 방법아래는 Apache 설정 파일 또는 .htaccess 파일에 추가할 수 있는 설정이다. # HttpOnly 및 Secure 속성 추가 Header always edit Set-Cookie ^(.*)$ "$1; HttpOnly; Secure" # Content-Security-Policy 헤더 설정 Header set Content-Security-Policy "default-src 'self'; script-src 'self';" # X-Content-Type-Options 헤더 설정 Header set X-Content-Type-Options "nosniff" # X-Frame-Options 헤더 설정 Header set..

[도서서평] 이지스퍼블리싱 <Do it! 5일 만에 끝내는 깃 & 깃허브 입문> 도서 서평📖 [그림으로 쉽게 배우고 프로젝트에 바로 써먹는다!]

- 이지스퍼블리싱  도서 서평도서 서평 내용이 책은 '생활코딩'의 인기 동영상 강의를 바탕으로 저자가 재구성하고, 최신 트렌드와 협업 기능, 그리고 깃허브의 코파일럿 활용법까지 보강하여 전면 개정된 버전이다. 책은 깃의 기본적인 동작 원리를 쉽게 이해할 수 있도록 다양한 그림을 활용하여 설명하고 있다. 1장에서는 깃을 설치하고 환경을 설정하는 방법부터 시작해, 버전 관리, 브랜치 생성 및 관리, 그리고 깃허브와의 원격 연결 방법까지 단계별로 자세히 설명한다.각 장마다 실제 명령어 테스트가 포함되어 있어 독자가 실습을 통해 학습할 수 있게 구성되어 있다. 이 책은 5일 만에 깃과 깃허브의 기초를 완벽하게 익힐 수 있는 커리큘럼을 제공한다. 특히 후반부에서는 협업 기능에 초점을 맞추고 있다. 깃허브에서 다른..

[도서리뷰] 자바스크립트 + 리액트 디자인 패턴 - 자바스크립트와 리액트의 최신 패턴과 렌더링, 성능 패턴까지

- 책 정보모듈, 믹스인, 관찰자, 중재자 패턴을 포함한 최신 디자인 패턴을 자바스크립트와 리액트에 적용하는 방법을 소개한다. 그리고 코드 스플리팅, 서버 사이드 렌더링 등 실무에 필요한 성능과 렌더링 관련 내용을 실용적인 예제와 함께 설명한다. 또한, 여러 안티 패턴도 함께 다루고 있어 웹 개발을 할 때 흔하게 발생하는 실수를 줄이는 노하우까지 배울 수 있다. 이 책에 담긴 20가지 이상의 디자인 패턴을 익혀 더 나은 웹 개발자에 한 걸음 더 다가가 보자.- 도서 리뷰이 책은 다양한 디자인 패턴을 자바스크립트와 리액트 환경에서 어떻게 적용할 수 있는지를 설명하고 있다. 모듈, 믹스인, 관찰자, 중재자 패턴을 비롯해, 각각의 패턴이 어떻게 동작하는지와 실제로 적용할 수 있는 코드 예제를 통해 체계적으로 ..

[JAVA] 서블릿 필터 코드로 보안 헤더 설정하기 [HttpOnly, Content-Security-Policy, X-Content-Type-Options, X-Frame-Options, X-XSS-Protection]

- 서블릿 필터 코드로 보안 헤더 설정하기 아래는 보안 헤더를 한 번에 설정하는 통합 서블릿 필터 코드이다. 이 필터는 HttpOnly, Content-Security-Policy, X-Content-Type-Options, X-Frame-Options, X-XSS-Protection를 모든 응답에 적용한다.HttpOnly: Set-Cookie 헤더에 HttpOnly 속성을 추가하여 모든 쿠키에 대해 적용되도록 설정X-Content-Type-Options: 브라우저가 MIME 타입을 스니핑하지 않도록 설정X-Frame-Options: 클릭재킹 방지를 위해 페이지가 내에 표시되지 않도록 설정X-XSS-Protection: 브라우저에서 XSS 필터를 활성화Content-Security-Policy: 외부 ..

[Toy Project] AI 분실물 찾기 서비스, 찾미(찾다 + Me)🔍 [Teachable Machine, 쉽고 빠른 머신러닝 모델 만들기]

신청🛳️⚓ [오픈소스 AI를 활용해 사회의 문제를" data-og-description="- 세상을 구하는 AI 해커톤  신청최신기술에 관심이 많은 덜린이가 항해커톤이라는 걸 같이 해보자 제안하였다.항해커톤은 항해99에서 주최한 해커톤이다.을 소개합니다. - IT 커리어 성장 코" data-og-host="yermi.tistory.com" data-og-source-url="https://yermi.tistory.com/entry/%EC%9D%BC%EC%83%81-%EC%84%B8%EC%83%81%EC%9D%84-%EA%B5%AC%ED%95%98%EB%8A%94-AI-%ED%95%B4%EC%BB%A4%ED%86%A4-2024-%ED%95%AD%ED%95%B4%EC%BB%A4%ED%86%A4-%EC%8B..