웹 개발
-
검색기능 개선웹 개발/개념 2022. 12. 8. 20:57
테크니컬 SEO 메타 키워드 태그는 검색 엔진에서 제외 웹페이지 속도, 프로토콜 준수, 모바일 최적화 등을 기준으로 점수를 매김 웹 사이트 속도 경쟁 웹 사이트보다 속도가 더 빨라야함 타이틀 태그 가장 중요하고 관련있는 키워드 영문 65자, 한글 32자 내외 각 페이지에 맞는 메타 디스크립션 태그 77자 이내 이미지 정보 alt 검색엔진에 전달 상위 랭킹에 큰 영향을 주는 건 아님 오픈 그래프 캐노니컬 태그 타겟고객이 많이 사용하면서 타경쟁사 웹 페이지는 비교적 적게 사용하는 키워드 https://junheedot.tistory.com/27 SEO를 위한 자가 진단 체크리스트 📜 본문은 서적 '트래픽을 쓸어 담는 검색 엔진 최적화'를 읽고 남기는 요약본입니다. 더 자세한 정보를 얻기 원하신다면 해당 서적..
-
-
-
[웹] 인증(authentication) 인가(authorization) 의 개념과 쿠키&세션과 JWT(토큰)방식에 대해 알아보자웹 개발/개념 2022. 4. 24. 13:31
1. 인증 (authentication) 로그인 과정으로 사용자가 누구인지를 확인하는 절차를 말함 서버는 데이터 베이스에 저장된 사용자 계정의 해쉬값과 사용자 암호의 복잡한 알고리즘으로 계산한 값과 일치하는지 확인함 2. 인가 (authorization) 사용자가 내 계정으로만 가능한 리소스에 접근하려는 사용자의 요청에 대해 권한을 확인하는 절차를 말함 웹 사이트를 이용할 때 쓰는 HTTP는 '서버가 클라이언트 상태를 보존하지 않는' Stateless 프로토콜이다. 클라이언트에서 보내는 요청들은 모두 독립적이며, 서버는 클라이언트의 요청에 response만 보내고 사용자 정보에 대해 기억하지 못한다. 따라서 이미 로그인을 했더라도 사용자가 새로운 요청을 할 때마다 로그인 과정을 거쳐야한다. 이 번거로운 ..
-
[클린코드] 8. 경계 - 요약 및 인사이트웹 개발/클린코드 2022. 4. 24. 12:11
인사이트 정리 외부 라이브러리에도 버그가 있다는 것, 외부 라이브러리에 의존한다면 인터페이스가 바꼈거나 버전이 바꼈을 때 우리 코드와 호환되리라는 보장이 없다는 것에 매우 공감하면서 읽은 챕터였다. 이와 관련해 한 가지 경험이 떠올랐는데, 회사 프로젝트를 개발할 때 사용하던 momentjs가 업데이트가 중단되면서 dayjs로 교체하는 과정이였다. dayjs를 모듈화 하지 않고 반환값으로 사용했기 때문에 교체하는데 많은 시간이 걸렸다. 이런 불편함으로 따로 util 함수를 만들어 라이브러리를 노출되지 않도록 했는데 이런 경험으로 외부 라이브러리에 너무 의존하면 안된다는 것을 깨달았다. 학습 케이스라는 개념도 배웠으니 앞으로 외부 라이브러리를 쓸 때 적용해봐야겠다는 생각을 할 수 있게 되었다. 요약 시스템에..
-
[클린코드] 7. 오류 처리 - 요약 및 인사이트웹 개발/클린코드 2022. 4. 18. 21:53
인사이트 정리 어려워서 두 번정도 꼼꼼히 읽은 챕터이다. axios로 api를 호출할 때 api 하나당 try catch 하나로 일관되게 오류를 처리해왔는데 지금의 방식이 책에서 말하는 감싸기 기법이나 특수 사례 객체를 사용하고 있는건지, 더 나은 방법은 무엇인지 답을 내리기가 어려웠다. 오류처리를 프로그램 논리와 분리해야하는 것은 알겠는데.. 객체지향 프로그래밍을 공부해야하는 것일까! 요약 깨끗한 코드와 오류 처리는 확실히 연관성이 있다. 오류처리는 중요하다. 하지만 오류처리로 인해 프로그램 논리를 이해하기 어려워진다면 깨끗한 코드라 부르기 어렵다. 1. 오류 코드보다 예외를 사용하라 - 오류 플래그를 설정하거나 오류 코드를 반환하는 방법은 호출자 코드가 복잡해진다. 함수를 호출한 즉시 오류를 확인하는..