📖 (160) 썸네일형 리스트형 Section3 회고, 일주일 같았던 한 달 Section3 회고, 일주일 같았던 한 달 정말 일주일 같았다. 그 긴 한 달 동안 난 무엇을 했는가. 앞으로도 할 것이 너무 많다는 것에 걱정과 한숨과 피로가 몰려오지만 한편으로는 안도감이 든다. 여전히 달리고 싶음에, 아직 지치지 않았음에, 그래도 재미가 있고, 성취감을 느낀다는 것에 감사한다. 📌 목표: 👩🏻💻 2023년 안에 프론트엔드 개발자로 커리어 시작하기 ✨ Keep _만족스러운 부분, 계속 이어가면 좋을 부분 • 매일 꾸준히 학습하고, 공부했던 내용을 정리하고 기록하는 습관 → 언제든 키워드로 검색할 수 있는 유용함과 편리함! → 이해가 안되는 부분도 일단 복붙 하면 나중에라도 다시 보게 됨 😂 • 하루를 돌아보는 아주 간략한 회고 작성 • 제시간에 출석 • 매일 스트레칭으로 몸 풀어주.. Section3 Unit7 [Backend] 인증 / 보안 - Cookie/Session Section3 Unit7 [Backend] 인증 / 보안 - Cookie/Session 📌 Chapter1. Cookie/Session 웹에서는 사용자의 정보를 어딘가에 저장해야 하는데 HTTP는 상태를 저장하지 않는다. • Cookie 서버에 의해 클라이언트에 저장되는 데이터 파일로 서버에서 클라이언트에 영속성 있는 데이터를 저장하는 방법이다. 서버는 클라이언트의 쿠키를 이용하여 데이터를 가져올 수 있으며, 쿠키를 이용하는 것은 단순히 서버에서 클라이언트에 쿠키를 전송하는 것만 의미하지 않고, 클라이언트에서 서버로 쿠키를 다시 전송하는 것도 포함된다. 쿠키는 로그인 상태 유지, 테마 상태 유지 등 장시간 보존해야 하는 정보 저장에 적합하다. 쿠키는 클라이언트에 데이터를 저장하기 때문에 서버의 부하가 .. mkcert 사용법 - 로컬 개발을 위한 HTTPS 환경 만들기 ✏️ 로컬 개발을 위한 HTTPS 환경 만들기 (mkcert 사용법) 1. mkcert를 이용하여 로컬에서 신뢰할 수 있는 인증서 만들기 2. mkcert로 발급받은 인증서를 이용해 HTTPS 서버 구축하기 📌 mkcert: https://github.com/FiloSottile/mkcert 💬 mkcert는 코드스테이츠 프론트엔드 부트캠프 3개월차 쯤, 네트워크 유닛에서 접하게 되었다. 처음 들어보고, 처음 사용해보는거라 너무 헷갈리는데 학습자료를 보고 따라해도 잘 되지 않았다. 구현 도중 발생한 에러의 문제가 무엇인지 모른채 시간을 많이 보내서 과정을 기록해보려 한다. 참고로 MacOS 에서의 사용법만 기록한다. • 참고자료: 코드스테이츠SEB 학습자료, https://web.dev/how-to-us.. Section3 Unit6 [네트워크] 심화 Section3 Unit6 [네트워크] 심화 📌 Chapter1. TCP/IP • TCP (Transmission Control Protocol) 신뢰성 있는 데이터 전송을 지원하는 연결 지향형 프로토콜. TCP는 통신을 하기 전에 먼저 서로의 컴퓨터에 연결을 설정하여 전송 과정에서 패킷의 손실을 검사하고 순서가 바뀌지 않도록 보장한다. → 안전성이 높은 통신을 가능하게 해준다. 주로 파일이나 이메일을 전송하는 등 신뢰성이 중요한 통신에서 자주 사용된다. • UDP (User Datagram Protocol) 신호 절차 없이 일방적으로 데이터를 전달하는 비연결형 프로토콜. 데이터의 신뢰성은 낮지만 속도가 빠름. (실시간 스트리밍 등에서 많이 사용되고, 최근 http3 버전이 나오면서 기존에 TCP 방식으.. Section3 Unit5 [사용자 친화 웹] 웹 표준 & 접근성- 과제 웹 표준 & 접근성 개선 2 Section3 Unit5 [사용자 친화 웹] 웹 표준 & 접근성 - 과제 웹 표준 & 접근성 개선 2 ⭐️ 과제. 웹 표준 & 접근성 개선 - Cmarket Redux 리팩토링 ✔️ Bare Minimum Requirement ✅ 과제에는 총 8개의 문제가 있습니다. 문제의 내용과 문제 가이드 내용을 따라 실습을 진행하시면 됩니다. ✅ Cmarket Redux 리팩토링은 Cmarket Redux 레퍼런스 레포지토리를 클론하여 진행합니다. Cmarket Redux 리팩토링도 과제 안에 가이드가 있습니다. 가이드 내용을 따라 진행하시면 됩니다. 과제: What I Learned Section3 Unit5 [사용자 친화 웹] 웹 표준 & 접근성 - 과제 웹 표준 & 접근성 개선 Section3 Unit5 [.. 크로스 브라우징(Cross Browsing)과 크로스 브라우징 워크 플로우 👾 크로스 브라우징이란? 크로스 브라우징(Cross Browsing)이란 웹 사이트에 접근하는 브라우저의 종류에 상관없이 동등한 화면과 기능을 제공할 수 있도록 만드는 작업을 의미한다. 여기에서 중요한 포인트는 ‘동일한’이 아니라 ’동등한’이라는 표현을 쓴다는 것이다. 크로스 브라우징은 모든 브라우저에서 완전히 똑같은 화면이 보이도록 만드는 것이 아니라, 모든 브라우저에서 동등한 수준의 정보와 기능을 제공하는 것이다. (애초에 브라우저마다 사용하는 렌더링 엔진이 다르기 때문에 화면을 완전히 동일하게 만드는 것은 불가능하다.) 👾 인터넷 익스플로러와 ActiveX, 그리고 크로스 브라우징 👀 ActiveX가 뭔데? ActiveX는 마이크로소프트사에서 개발한 인터넷 익스플로러용 플러그인으로, 웹 브라우저와 .. Section3 Unit5 [사용자 친화 웹] 웹 표준 & 접근성 - 과제 웹 표준 & 접근성 개선 Section3 Unit5 [사용자 친화 웹] 웹 표준 & 접근성 - 과제 웹 표준 & 접근성 개선 ⭐️ 과제. 웹 표준 & 접근성 개선 ✔️ Bare Minimum Requirement ✅ 과제에는 총 8개의 문제가 있습니다. 문제의 내용과 문제 가이드 내용을 따라 실습을 진행하시면 됩니다. ◻️ Cmarket Redux 리팩토링은 Cmarket Redux 레퍼런스 레포지토리를 클론하여 진행합니다. Cmarket Redux 리팩토링도 과제 안에 가이드가 있습니다. 가이드 내용을 따라 진행하시면 됩니다. → 내일 과제 과제: What I Learned 1. Semantic 요소 사용: 📌 시맨틱 요소를 사용한 마크업이 중요 2. styled-components도 html과 css 관심사 분리가 되어 있기.. 웹 콘텐츠 접근성 지침, 웹 접근성을 준수한 웹개발하기 👾 웹 콘텐츠 접근성 지침 웹 접근성이란 장애인이나 고령자 뿐만 아니라 모든 사용자들이 개인의 능력에 상관없이 웹 페이지의 정보에 접근할 수 있도록 보장하는 것을 의미한다. 한국형 웹 콘텐츠 접근성 지침은 W3C의 웹 접근성 권고안인 ‘WCAG(Web Content Accessibility Guidelines) 2.0’을 기반으로 한국 실정에 맞게 조금 수정한 한국형 웹 콘텐츠 접근성 지침으로 2022년 12월 30일 2.2가 업데이트 된 것을 한국웹접근성인증평가원 홈페이지에서 확인할 수 있다. 웹 콘텐츠 접근성 지침에는 웹 접근성 제고를 위한 4가지 원칙과 각 원칙을 준수하기 위한 14개 지침 및 해당 지침의 준수 여부를 확인하기 위해 33개의 검사항목을 제시하고 있다. ✔️ 인식의 용이성(percei.. 이전 1 ··· 5 6 7 8 9 10 11 ··· 20 다음
