본문 바로가기

위코드3

CSR, SSR을 이해해야 하는 이유? SEO 🌐 프론트엔드 개발자가 꼭 챙겨야 하는 것 중 하나는 SEO입니다. 이번에는 SEO란 무엇인지, 왜 프론트엔드에서 신경써서 챙겨야 하는지, 어떻게 신경쓸 수 있을지 그리고 CSR과 SSR를 통해 어떻게 SEO를 향상시킬 수 있는지에 대해 알아보았습니다. SEO (Search Engine Optimization 검색 최적화) 검색 크롤러 먼저 웹 크롤러 봇에 대해 설명드리겠습니다. 웹 크롤러 봇(검색 크롤러/ 스파이더 / 검색 엔진 봇)는 웹 상의 모든 웹페이지를 돌아다니며, 그 페이지가 무엇에 대한 페이지인지 파악하여 필요할 때 정보를 추출할 수 있도록 합니다. 이렇게 소프트웨어 프로그램을 통해 자동으로 웹사이트에 엑세스하여 데이터를 얻는 과정을 "크롤링"이라고 합니다. 이런 웹 크롤러 봇은 구글이나 네이버.. 2021. 9. 7.
동기 & 비동기(Promise, async/await) 제 머릿속은 짬뽕이었습니다.. 콜백, 동기, 비동기, async, await, Promis, 콜백지옥, 화살표함수, 와갸갸갸갸갹!! 하지만 오늘부로 이 꼬여버린 친구들을 가지런한 짬뽕 면들로 분리하겠습니다.. 더이상은 지긋지긋해요. 혹시나 다시 뒤죽박죽 꼬여버리는 것을 대비하여 복습 차원으로 볼 것이기에 오늘 배운 내용을 토대로 정말 간단하게 핵심만 다루도록 할 것입니다. 개념에 대해 처음 보시는 분들에게는 내용이 부족할 수 있습니다. 하지만 저처럼 생각의 정리가 필요하신 분들에게 조금이나마 도움이 되었으면 좋겠습니다. :) 목차 1. 동기 & 비동기 2. 콜백함수 3. Promise 4. async/await 동기 & 비동기 동기 현재 실행 중인 task가 종료할 때까지, 다음 task가 대기 장점: .. 2021. 8. 12.
[프리온보딩코스] 2차 과제 후기 과제 소개 2번째 과제는' 고객들이 원하는 상품 목록'을 보여주기 위한 기능을 구현하는 과제였다. 간단히 요약하면 상품 목록에서 --> 상품 상세 페이지를 선택하면 --> 이력이 추가되고 --> 이력에서 브랜드, 가격순, 최신순 필터로 제품 확인 이다. User Story 만들기 메인 페이지까지 3개의 페이지를 4명이서 나눠서 구현했어야 했기 때문에 'User Story'라는 것을 만들어보게되었다. 유저스토리를 만들어서 과제를 이해하고, 분담하는 것을 목적으로 하였다. 👉 내가 만든 User Story # US - 사용자가 ~하면 ~한다 # 상품상세 프로세스 - 메인 페이지에서 상품을 누르면 상품상세페이지가 나온다. - 제품의 정보와 '랜덤상품 조회', '관심 없음' 버튼을 보여준다. - '랜덤상품 조회.. 2021. 8. 1.