DevOps/Web 6

[Web] <head> 태그 redirect (HTML 응답 상태 코드 301)

HTTP 301 응답 코드는 "Moved Permanently"라는 의미로, 웹 페이지의 URL이 영구적으로 변경되었음을 알려주는 코드입니다. 웹 브라우저는 이 코드를 받으면, 사용자가 요청한 페이지의 URL을 변경된 URL로 자동으로 업데이트합니다. 검색 엔진은 이 코드를 받으면, 검색 색인에서 변경된 URL로 업데이트하여, 검색 결과에서 예전 URL로 링크된 페이지가 더 이상 존재하지 않는 것을 방지합니다. 301 응답 코드는 웹 페이지 URL이 변경될 때, 검색 엔진 최적화(SEO)를 위해서 사용됩니다. 웹 페이지의 URL이 변경되었지만, 검색 엔진 최적화를 고려하지 않으면 검색 결과에서 링크된 페이지가 없다는 오류 메시지와 함께 페이지 순위가 저하될 수 있습니다. 로그인이 안된 상황에서 로그인 페..

DevOps/Web 2023.02.08

[Web] Ngrok - remote device 테스트하기

https://ngrok.com/ ngrok - Online in One Line Zero Trust Add SSO, Mutual TLS, IP Policy, and webhook signature verification. ngrok.com ngrok은 remote 환경에서 자신의 디바이스 로컬서버에 접근할 수 있도록 도와주는 유용한 도구입니다. 보통 PC 환경에서의 웹개발은 어떤 과정으로 진행될까요? 개발자는 수정하고자 하는 마크업, 스크립트등을 수정하고 변경된 수정사항을 보기 위해 서버를 재실행할 것입니다. 그리고 프로덕트인 웹페이지를 새고고침하여 수정사항이 적절히 적용되었는지 확인할 것 입니다. 물론 hot reloading을 제공하는 빌드도구를 사용한다면 코드의 수정사항을 웹페이지에서 바로 확인할..

DevOps/Web 2022.06.13

[Web] 개발자콘솔 eruda, vconsole

개발자콘솔 eruda, vconsole을 소개합니다. web을 개발하다보면 개발자모드에 진입해서 element, source, console, network 등 상태정보를 확인하곤 합니다. 이는 PC 디바이스환경에선 간단한 일이지만 Mobile 디바이스에서는 어려운일입니다. 이를 도와주는 eruda, vconsole 라이브러리를 소개합니다. 이 두 라이브러리들은 개발자모드에 진입하기 어려운 환경에서도 개발자도구를 볼 수 있도록 지원합니다. 특히 모바일 환경에서 유용하게 사용됩니다. https://github.com/Tencent/vConsole GitHub - Tencent/vConsole: A lightweight, extendable front-end developer tool for mobile w..

DevOps/Web 2022.06.13

[Web] Android에서 디버깅하기

참조 - developers.google.com/web/tools/chrome-devtools/remote-debugging?hl=ko Android 기기 원격 디버깅 시작하기 | Chrome DevTools | Google Developers Windows, Mac 또는 Linux 컴퓨터에서 Android 기기의 라이브 콘텐츠를 원격으로 디버그합니다. developers.google.com 시작하기에 앞서 아래 경로를 따라 디바이스에 개발자 옵션을 해제해야 합니다. - developer.android.com/studio/debug/dev-options.html?hl=ko 온디바이스 개발자 옵션 구성 | Android 개발자 | Android Developers 앱 성능을 프로파일링하고 디버그하는 데 도..

DevOps/Web 2021.02.01

[Web] HTTP & REST에 대한 고민

REST REST는 Client에서 Server에 데이터를 요청할 때 활용하는 인터페이스와 같습니다. Server가 얼마나 REST에 가까운 API Design을 했느냐에 따라 Client 개발자는 예상가는 데이터 처리를 할 수 있습니다. 개발자들과 협업할 때 통일된 약속은 매우 중요합니다. 만약 통일된 약속이 없다면 명세서 확인으로 부족하여 어떤 데이터가 반환되는지 소스코드를 일일이 확인해야하는 불상사가 발생할 수도 있죠. 그리고 REST 설계방식은 배우기도 그리 어렵지 않습니다. 이런 이유로 예상가는 WEB API Design을 하기 위해 REST API를 강조하는 것이죠. ( 하지만 약속이 중요할 뿐 반드시 REST 설계형식을 따라야 한다는 것은 아닙니다. GraphQL과 같은 방식도 있죠. ) H..

DevOps/Web 2019.10.18