안녕헤사요, 저는 글또 9기에 참여하고 있습니다. 글또와 Udemy가 협업을 하게 되었고 무료로 강의를 제공해주셔서 들어볼 수 있는 기회가 생겼는데요. 저는 그 중에서 김송아 강사님께서 강의를 하시는 스프링 부트 강의를 들어보게 되었습니다! 프론트엔드 개발자로 일을 하고 있지만, 회사에서 어드민을 풀스택으로 구축하기도 했었고 평소에 스프링에 관심이 있어서 선택하게 되었습니다. 이렇게 좋은 기회를 주신 글또와 Udemy 관계자분들에게 감사드립니다. 강의는 어떻게 진행되나요? 강의의 제목은 입니다. https://www.udemy.com/course/spring-boot-kimsonga/ 제목에서부터 흥미로웠는데요. 강의가 전반적으로 아주 기초부터, 그리고 쉬운 설명과 함께 진행되는데 이러한 강의의 내용이 ..
안녕헤사요, 저는 글또 9기에 참여하고 있습니다. 글또와 Udemy가 협업을 하게 되었고 무료로 강의를 제공해주셔서 들어볼 수 있는 기회가 생기게 되어서 다양한 강의중에서 제가 현재 일하고 있는 프론트엔드 직무와 관련이 있는 React, Next 강의를 선택하게 되었습니다. 이렇게 좋은 기회를 주신 글또와 Udemy 관계자분들에게 감사드립니다. 강의는 어떻게 진행되나요? 강의의 제목은 입니다. https://www.udemy.com/course/react-next-master/ 제목 그대로 프로젝트를 기반으로 React.js와 Next.js(pages router)를 학습하게 되고 프로젝트를 하기 위한 필수 지식을 빠르게 획득할 수 있습니다. 프로젝트를 시작하기 전에는 각 섹션마다 필요한 이론에 대한 설..
최근에 면접을 많이 보면서 느꼈던 건 프론트엔드에서도 테스팅에 대한 중요성이 점점 늘어나고 있다는 것이었는데요. 저는 그 중에서 E2E테스트를 투두앱을 만들면서 적용해보려고 해요. 프론트엔드에서 테스트를 나타내는 트로피 그림이 하나 있는데요. 이 그림에서 보면 e2e(End to End)테스트는 비용이 크지만 그만큼 확실하게 기능이 동작하는 것을 검증할 수 있다는 장점이 있어요. 먼저 프로젝트를 구축할게요. Vite를 이용해서 React + TypeScript 프로젝트를 세팅해요. 여기서는 패키지 매니저로 pnpm을 사용할게요. > pnpm create vite 이후에 Cypress를 설치해요. > pnpm install -D cypress cypress의 Launchpad를 편하게 실행시키기 위해 pa..
저는 2023년 말에 NEXTSTEP의 글쓰기 워크숍 2기 에 참여했습니다. 이 과정속에서 같이 글을 점진적으로 개선해나가는 과정을 거치면서 전차책을 출시하게 되었는데요! 전자책은 여기에서 무료로 확인해보실 수 있습니다. 사진의 종이책은 저자들에게만 기념으로 제공되었어요. 과정속에서 어떤 주제로 책을 작성할지 결정하고 결정한 후에는 저자 워크숍을 통해서 글을 점진적으로 개선해나가는 과정을 진행했었는데요. 덕분에 글을 작성하면서 재미도 생기고 용기도 얻으면서 마무리할 수 있었던 것 같습니다! 제 글은 2장에서 확인하실 수 있습니다! 창의적인 저자 소개를 생각하다가 라는 표현을 생각해냈는데 오묘한 것 같습니다 ㅎㅎ
보안과 관련된 웹을 공격하는 기술에 대해서 알아봅니다. 11.1 웹 공격 기술 인터넷에서 벌어지는 공격 대부분은 웹 사이트를 노리는 게 많습니다. 특히 웹 애플리케이션을 대상으로 많은 공격이 발생합니다. 11.1.1 HTTP에는 보안 기능이 없다. HTTP에는 보안과 관련된 기능이 없습니다. 또한 인증도 개발자가 웹 애플리케이션에서 스스로 설계하고 구현해야 합니다. 11.1.2 리퀘스트는 클라이언트에서 변조 가능 HTTP 리퀘스트의 내용은 모든 클라이언트에서 자유롭게 변경하고 변조할 수 있다. 따라서 의도치 않은 값이 서버로 보내질 수 있음. 서버에서는 이에 대응할 수 있어야 한다. 유효성 검증을 각 레이어별로 해야한다. (다른 레이어에 의존성 없이) 쿼리, 폼, HTTP Header, 쿠키 등으로 공격..
들어가며 안녕하세요, 개발자로 일하고 있는 유승완입니다. 저는 2023년 12월 28일부터 에서 진행하는 부트캠프 4기 프론트엔드 과정의 멘토로 참여하게 되었습니다. 개발자가 되어야 겠다고 마음을 먹었을 때부터 지금까지 저는 Udemy, SeSAC, NEXTSTEP, Programmers, Inflearn, Megaptera, Whatever등 다양한 곳에서 교육을 많이 들어왔는데요. 교육을 들으면서 개발자로서도 성장했지만 사람으로서도 성장할 수 있었고 스스로 교육을 통해서 정말 많이 성장했다고 느끼는 사람입니다. 그래서 저도 언젠가는 내가 경험하고 배운 것들을 다른 누군가에게 전달하고 싶다는 생각을 항상 하고 있었습니다. 그러던 중에 지인분을 통해서 에서 부트캠프의 멘토를 모집하고 있다는 것을 알게 되..
10장 웹 콘텐츠에서 사용하는 기술 10.1 HTML 10.1.1 웹 페이지의 대부분은 HTML로 되어 있다. HTML은 웹 상에서 하이퍼텍스트를 보내기 위해 개발된 언어다. 하이퍼텍스트는 문서 시스템의 하나로서, 문서 중에 임의의 장소의 정보가 다른 정보에 관련된 즉 링크되어 있는 문서를 의미한다. HTML로 쓰여진 문서를 브라우저가 해석해서 렌더링 된 결과를 우리가 보게 된다. 10.1.2 HTML 버전 HTML1.0: 1993년에 일리노이 대학의 NCSA에서 모자이크라는 브라우저가 발표되었는데 이 브라우저가 해석할 수 있는 HTML의 사양이다. HTML4.0: 1999년 12월에 W3C라는 조직에 의해 출시되었다. HTML5: 2014년에 정식으로 권고안이 발표되었다. 10.1.3 디자인을 적용하는..
9장 HTTP에 기능을 추가한 프로토콜 9.1 HTTP를 기본으로 하는 프로토콜 HTTP의 규격이 만들어졌을 때는 주로 HTML을 주고 받는 용도로 생각했기 때문에 스펙이 간단한 편이었지만, 최근에 용도가 달라지면서 새로운 기능들이 필요해졌다. 9.2 HTTP의 병목 현상을 해소하는 SPDY Google은 2010년에 HTTP의 병목 현상을 해소하고 웹 페이지의 로딩 시간을 50% 단축하는 목표를 세운 SPDY가 있었다. (결과적으로 SPDY와는 폐기되었고 HTTP/2를 지원하는 것으로 결정했다) 9.2.1 HTTP의 병목 현상 트위터같은 사용자가 많은 실시간 서비스를 구현하기 위해서는 HTTP 사양은 한계가 있었다. 1개의 커넥션으로 1개의 리퀘스트만 보낼 수 있다. 리퀘스트는 클라이언트에서만 시작할 ..
