study/TIL (15) 썸네일형 리스트형 [TIL No.27] 번들링, 웹펙 오늘의 공부 리스트 번들링 웹펙 사이드 프로젝트 30일 챌린지 마지막 포스팅(3월 21일에 발행됩니다) TS 스터디참관 준비(러닝타입스크립트 8,9장 공부 - 지하철 이동 시에 읽긴했는데... 실습 부족) #1 번들링(Bundling) 번들이란, 여러 제품이나, 코드, 프로그램을 묶어서 패키지로 제공하는 행위를 의미한다. 이해하기 쉽게 마트에서 과자를 번들링해서 파는 것과 비슷하게 생각하면 좋다. 그냥 예시로 들려고 했지만, 갑자기 진지하게 더 부연설명을 해보자면... 위 그림에서 소위 불량식품이라 불리던 제품들을 '추억의 과자'라는 컨셉을 구현하고 소비자에게 전달하기 위해서 모아서 판매하므로 이 자체가 번들링이다. 물론 웹 개발 측면에서 번들링이라하면 사용자에게 웹 애플리케이션을 제공하기 위해 여러 코.. [TIL No.26] Ouath 인증방식 오늘의 학습내용 OAuth 개념 OAuth 실습 더보기 노마드 코더 Typescript challenge day 4 더보기 30일 챌린지 day 18 #1 OAuth (1) OAuth의 개념 OAuth(Open Authorization)란, 웹사이트 또는 응용프로그램(이하 서비스로 통합서술)의 사용자가 로그인을 해서 서비스를 이용하고 싶은 경우에, 개별 서비스에 로그인 자격에 대한 증명을 공유할 필요없이 타사 인증시스템을 이용하여 사용자 데이터에 액세스 할 수 있도록 하는 프레임워크를 말한다. 자격에 대한 증명을 공유한다는 말이 좀 어려운데 회원가입을 하여 개인정보를 등록하고 이런 일련의 절차를 서비스마다 하지 않고 이미 개인정보를 보유하고 있는 다른 서비스에 로그인 자격의 검증을 위탁하는 것을 말한다... [TIL No.25] 해싱(Hashing), 토큰 인증방식(Token) ※ Back-end내용에 대한 이해가 매우 부족할 수 있습니다. 가볍게 읽어주세요~ 오늘의 공부거리들 1. Phaser.js 를 위한 준비단계 > 포스팅 #1 #2 2. 노마드코더 Typescript challenge day-2 > 포스팅 3. Urclass 해싱 & 토큰 인증방식 내용 > 현재 포스팅 오늘의 학습내용 해싱 토큰 토큰인증방식 실습 #1 해싱 사실... 2000자 넘게 공들여 쓴 해싱관련 글이 날아가버린 일이 발생했었기에 제대로 쓸 수 있을지 모르겠지만,,, 극심한 멘붕을 딛고 최대한 복구해보겠다 (1) 해싱의 개념 해싱이란, 컴퓨터 과학에서 데이터를 빠르게 검색하거나 비교하기 위해 사용되는 기술이다. 사용자가 입력한 임의의 길이의 데이터를 미리 정해둔 고정된 크기(길이)의 문자로 변환하는.. [TIL No.24] 네트워크 심화 일단 본격적인 내용에 들어가기에 앞서서 하나 선언하고 시작하겠다. 나는 앞으로 TIL을 작성하는 과정에서 Chat GPT를 대놓고 적극적으로 활용할 것임을 공표한다 ㅋㅋㅋㅋㅋ google로 키워드를 찾고 오늘같이 html, javascript, react가 아닌 부분은 공식문서도 잘 없거나 들어가도 정말 읽기가 힘든 경우가 많다. 일단 Chat GPT사마를 이용해서 감을 못잡는 경우에는 개념의 틀을 먼저 잡고 서칭을 해서 보완하는 편이 이해가 빠른 것 같아 그 방식을 적극 이용할 것이며, 영어실력이 그렇게 탁월하지도 않은데 혼자 공식문서들을 들이받으며 해석하다보니 머리가 다 빠져버릴 것 같아서 파파고와 같은 번역 툴도 적극 이용하겠다. 이런 툴들을 통해 이해가 빨리되고 공부 사이클이 조금 더 원활하게 돌.. [TIL No.23] SEO, 웹 접근성 오늘의 주제 SEO 웹 접근성 #1. SEO (1) SEO? SEO(Search Engine Optimization)는 웹 사이트를 최적화하여 SERP(검색 엔진 결과 페이지)의 가시성과 순위를 높이는 방법입니다. SEO의 목표는 유기적인 (무급) 검색 엔진 결과로부터 당신의 웹사이트에 대한 트래픽의 양과 질을 향상시키는 것이다. 이 블로그 게시물에서는 SEO의 기본 사항과 그 중요성을 살펴보고 효과적으로 구현하는 방법에 대한 팁을 제공할 것입니다. 1) SEO가 왜 중요할까? SEO는 다음과 같은 이유로 중요하다: A) 트래픽 증가: SEO는 SERP에서 가시성과 순위를 향상시켜 웹 사이트 트래픽의 양과 품질을 높이는 데 도움이 된다. B) 비용상 효율: SEO는 웹 사이트를 홍보하고 트래픽을 유도하는.. [TIL No.22] 웹 표준, Sementic HTML 오늘의 주제 웹 표준 Sementic HTML #1. 웹 표준 (1) 웹이란? 웹을 한 단어로 치환하면 월드-와이드-웹(World-Wide-Web)일 것이다. 더 포괄적인 개념으로는 다양한 의미를 가질 수 있지만 개발자의 입장에서는 동의어로 생각해도 무방하다. 그렇다면 이것을 한 문장으로 정의하면, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다. 웹이라고 하면 우리가 지금 이 게시물을 읽고 쓰는 블로그도 그 일부분일 것이고, 관공서에서 만든 홈페이지 기업에서 서비스를 직접 제공하기 위해서 또는 자신의 브랜드나 기업을 홍보하기 위해서 만들고 운영하는 웹페이지 그 외에도 무수히 많은 공간들이 인터넷을 매개로 존재하고 이용되고 있을 것인데 그 모든 것을 포괄하는.. [TIL No.21] Git-commit-convention / Redux 오늘의 주제 git commit convention redux 돌아온 Cmarket with redux 🤨🤨🤨 #1. git commit convention 왜 이제서야 이것에 대해 관심을 가지는지 의문이지만... 이제서라도 관심을 가지고 조그만 과제하나를 할 때라도 신경써서 커밋을 해보고자 한다. 내용에 대해 찾아볼 수 있는 링크는 다양하고, 무엇이 정석이다라고 하기 어려울만큼 컨벤션이라는 것은 어느정도 틀은 있으나 회사에서 또는 프로젝트 내에서 정하기 나름이라고 생각이 된다. 이번에 내가 한 커밋을 통해 가볍게 맛만 보자. 오후 2시쯤에 페어분과 함께 벌써 끝난건가..? 하면서 과제를 제출하고 커밋을 한 번 해놨었다. 이 때 커밋컨벤션을 따라서 해보자 싶어서 새로운 기능을 추가했으므로 FEAT라고 t.. [TIL No.20] React Hooks 개요 오늘은 Redux를 배우기 전에 React에서 usestate만 가지고 상태관리를 해서 장바구니 기능 중 일부 기능이 구현되어있지않은 상황에서 기능을 몇 가지 추가해봤다. 상태관리가 무엇인지에 대해서 먼저 작성해야하지만... 그 내용은 아직 정리하기가 힘들어 리덕스를 배우고 적용해보면서 다뤄보도록 하고 오늘도 실습한 것 위주로 내가 배우고 익힌 포인트들을 정리해보도록 하자. 오늘 구현할 기능 요약 1️⃣ 장바구니에 선택항목 추가 2️⃣ 장바구니에 있는 상품개수 업데이트 3️⃣ 장바구니의 선택항목 삭제 글로는 최대한 깔끔하게 정리하도록 해볼텐데... 사실 과제를 하고 옆 그룹에 놀러갔다가 불완전한 기능구현을 발견하고 다시 수정하고 여러 번의 수정이 있었다..🥺 페이지 전환은 react-router-d.. 이전 1 2 다음
