프론트엔드 개발자의 기록 공간

인증 전략 In this article Basic Authentication Session Based Authentication JWT Authentication OAuth 인증은 신원을 확인하는 프로세스입니다. 비밀번호, 하드웨어 토큰, 기타 여러 방법을 사용해야 합니다. Basic Authentication HTTP Basic Authentication은 웹 서비스 및 애플리케이션에서 사용자 인증을 위한 간단한 인증 메커니즘 중 하나입니다. 이 방식은 클라이언트(일반적으로 브라우저)가 서버에 대한 요청을 보낼 때 사용자 이름과 암호를 서버에 제공하여 접근 권한을 얻을 수 있도록 해줍니다. 동작 원리 클라이언트가 서버에 요청을 보냅니다. 서버는 "WWW-Authenticate" 헤더를 사용하여 클라이언..

지난번 이티에듀 SW기관을 통해 대덕 SW 마이스터 고등학교 개발자 특강과 더불어 대학생들 대상으로 개발자 취업 준비 관련한 특강 요청도 받았습니다. 이번 특강은 경북에서 운영 중인 "경북 네트워크형 SW아카데미"에 소속된 경일대, 대구가톨릭대, 안동대, 금오공대에서 취업을 준비하고 있는 학생들의 대상으로 "취업 준비 과정"에 대한 특강이었습니다. 저도 졸업 후 1년 정도의 기간 동안 취업 준비 과정을 겪었고, 작년에 취업을 성공해서 비교적 기억이 생생하게 남아있었기 때문에 지난번 특강보다는 비교적 준비하기가 쉬웠습니다. 그래서 제가 준비했던 과정과 도움이 되었던 부분을 정리하고 현업에서 일하면서 느낀 점을 토대로 조언(조언을 할 처지는 아니지만...)을 첨가해서 2시간 볼륨의 특강 준비를 했습니다. 시..

지난달 22일에 대덕 SW 마이스터고등학교에 개발자 특강을 다녀온 후기를 남기겠습니다. 지난번 미래산업과학 고등학교 개발자 특강 후 관련 자료를 보고 이티에듀 SW 교육기관에서도 대덕 SW대상으로 특강 요청이 왔습니다. 그냥 후기로 남겼던 글인데 다른 곳에서 연락 올지는 상상도 못했지만 좋은 기회라 생각하고 흔쾌히 수락했습니다. 그럼 특강하고 온 것에 대한 간략한 후기를 남겨보겠습니다. 우선, 이번에도 it 특성화고 대상으로 진행되어 비슷하게 준비를 해갔습니다. 다만, 이번에는 고등학교에 막 입학한 신입생 대상이었기 때문에 개발에 대해서 어떻게 접근해 보면 좋을지, 어떻게 공부를 시작하면 좋을지에 초점을 맞추어서 준비를 했습니다. 그래서 흔히 학생들이 많이 하는 리그오브레전드 게임을 통해 이 게임을 사용..

writing css Tailwind CSS란 무엇인가? Utility-First를 지향하는 CSS 프레임워크입니다. Utility-First: 미리 세팅된 유틸리티 클래스를 활용하여 HTML 코드 내에서 스타일링 CSS의 각 속성들을 클래스에 직관적으로 표현함으로써 효율적으로 사용할 수 있게 됩니다. 스타일링에 필요한 대부분의 속성들이 클래스 형태로 사전에 정의되어 있고 사용자는 클래스들을 조합해서 사용하면 됩니다. SSR에 대해 추가 설정이 필요하지 않습니다. Tailwind CSS의 장점 1. Utility-First의 편리함과 빠른 개발 Click me 스타일 코드도 HTML 코드 안에 있기 때문에 HTML와 CSS 파일을 별도로 관리할 필요가 없습니다. 태그의 클래스명을 고민할 필요가 없습니다...

웹 개발 프레임워크를 선택하기 위한 15가지 중요한 고려 사항 목적 및 사용 맥락 개발하는 웹 사이트 or 웹 애플리케이션의 목적에 따라 선택해야 합니다. 프로젝트의 목적과 선택한 프레임워크에 대한 이유에 대해서 스스로 묻고 대답해야 합니다. 라이선스 소프트웨어를 사용, 배포 및 수정할 수 있는 법적 계약이므로 중요합니다. 상용 목적으로 사용할 수 있는지, 등에 대한 조건이 있는지 확인해야 합니다. 다른 소프트웨어와 배포와 호환되는지 확인해야 합니다. 문서화 개발자가 프레임워크 기능을 이해하고, 문제를 해결하기 위해서는 공식 문서는 필수적입니다. 예제, 치침, 자습서, 샘플 코드 등을 제공하는 설명서를 찾아야합니다. 문서가 불분명하거나 오랜된 정보라면 프레임워크를 효율적으로 배우고 학습히기 어려울 뿐만 ..

In this article Webpack ESBuild Vite webpack vs vite Module Bundlers JavaScript 모듈을 브라우저에서 실행할 수 있는 파일로 번들링 하는 데 사용되는 프론트엔드 개발 도구로 즉, 여러 개의 모듈 파일들을 하나의 파일로 번들링하는 도구입니다. 특징 모듈화된 코드를 하나의 파일로 번들링할 수 있습니다. 여러 개의 모듈 파일들을 하나의 파일로 번들링함으로써, 웹 페이지의 로딩 속도를 개선할 수 있습니다. 이는 HTTP 요청의 수를 줄이고, 브라우저가 파일을 다운로드하는 시간을 단축시킵니다. 다양한 모듈 시스템을 지원합니다. CommonJS, AMD, ES6 모듈 시스템 등 다양한 모듈 시스템을 지원합니다. 이는 다양한 프로젝트에 적용할 수 있으며, ..