반응형 프론트엔드/웹8 URI의 Fragment(#) URL 마지막에 # 부분을 fragment라고 부른다고 함 fragment는 서버에 전송되지 않는 부분으로 클라이언트에서만 사용된다. 이 부분의 명칭을 알기 전에도 이걸 써본적이 있는데 주로 사용되는 곳은 위키같은 문서의 링크를 저장할떄 특정 목차로 바로 스크롤 될 수 있도록 하는 기능에 활용된다. 프래그먼트와 같이 즐겨찾기 저장을 해두면 나중에 해당 위치로 바로 스크롤 할 수 있는 점이 좋다. 대부분 그런 용도로 사용되는 문법이라고 보면 된다. 페이지 내의 특정 위치로의 북마크 기능 2023. 5. 13. REST Resource Naming Guide https://restfulapi.net/resource-naming/ REST API - URL Naming Conventions In REST, having a strong and consistent REST resource naming strategy – will prove one of the best design decisions in the long term. restfulapi.net 1. 단수/복수 리소스 리소스는 싱글턴 이거나 컬렉션 일 수 있다. 컬렉션 리소스는 "customers" 로 식별 싱글턴 리소스는 "customers/{customerId}" 로 식별 2. 컬렉션 리소스와 서브 컬렉션 리소스 리소스가 서브 컬렉션 리소스를 가질 수 있다. 특정 고객의 계정 목록을 식별하고자 하는 .. 2023. 5. 13. 웹에서 IP 카메라 스트리밍 하기 카메라는 공유기 포트포워딩해서 RTSP로 접속해서 데이터를 가져오고 있는 상태찾아보면서 너무 오래된 답변이 많아서 고생했다. 목차- VLS 해보기- 이것저것 찾아보기- FFMPEG로 RTSP를 HLS로 변환하여 배포- 기존 서비스와 통합 VLS 해보기처음 원했던 건 서버를 들리지 않고 카메라와 웹브라우저를 직접 연결하는 것이었다.처음 나온건 VLS로 하는 방법정말 많은 글들이 VLS를 솔루션으로 보여주는데 찾다보면 크롬45부터 지원안한다고 한다.그리고 이렇게 하는게 ActiveX 방식이라고 한다. 지금은 대부분의 브라우저에서 구동이 불가능할것으로 생각됨RTSP를 지원하는 브라우저가 없어서 이걸 우회하는데 ActiveX나 플러그인 등이 사용되는것으로 보인다.돌아다니다 보면 뭐가 잘 안되는데 이 답변(cab.. 2021. 12. 9. 글자색/배경색 자동 선택 하기 색의 3속성은 색상, 채도, 명도 가 있다. 2-15) 빛과 색 용어와 의미, 색의 3속성 색은 무채색과 유채색으로 구분합니다. 무채색은 흰색, 회색, 검정색으로 색상과 채도가 없으며, 명도의 차이만을 가지고 있죠. 유채색은 무채색을 제외한 모든 색채를 말하며 색상, 채도, 명도 blog.daum.net 이번에는 이런걸 개발해야된다. 코드 정보를 표현할 때 배경색, 글자색을 부여해서 영역에 표시하는데 사용한다. 배경색과 글자색이 서로 잘 보이도록 자동 선택되며 서로 중복되지 않도록 한다. 최초 로직 색상 변경 시 보색을 자동 선택한다. 문제점 보색도 안보이는게 있다. 자동으로 바뀌는 점 해결 방안 보색인데 잘 안보이는 이유는 보색이 서로 중명도와 중명도인 경우 잘 안보인다. 무조건 보색으로 바뀌면 사용자.. 2021. 3. 21. 주석을 작성하고 코드를 작성한다 자바스크립트 강의를 듣다가 주석에 대한 강사님의 설명이 나왔다. 코드를 작성하기 전에 생각을 정리하는 데 주석을 사용하고 주석을 코드로 구현한다고 하셨는데 나랑 비슷한거 같아서 반가웠다. 내 방식 함수를 만들고 함수가 해야할 역할을 배정한다. 함수 안에 해야할 일을 한줄한줄 작성한다. 위에서부터 한줄 한줄 구현한다. 기능이 큰 경우 전체 껍데기(빈 함수나 변수 등~)를 다 만들어 놓고 하나하나 구현해 나간다. 개발하다보면 자주 정신이 나가곤 하는데 누가 부른다거나, 회의 등 그냥 정신 탈출 이렇게 주석을 작성해놓으면 정신이 돌아왔을 때 개발모드로 돌아가는데 걸리는 시간이 확 줄어든다 ㅋㅋ 중요한 점은 껍데기 함수나 변수를 만들때 역할을 확실히 정해놓고 가야 된다는 점. 복잡한 기능을 개발할떄도 이건 쟤한.. 2021. 3. 6. defer 속성 기존에 내가 봤던 강의들을 보면 자바스크립트 파일을 가져올 때 문장을 body 맨 밑에 넣으라고 가이드했었다. 그렇게 하는 이유는 위에서부터 파일을 읽어오는데 자바스크립트 파일에서 DOM에 접근하는 코드가 존재하는 경우 body가 불러와지기 전에 DOM에 접근하게 되어 에러가 발생하기 때문이다. 하지만 defer 속성을 사용하는 경우 body가 다 렌더링된 다음에 해당 js 파일이 로드되어 에러가 발생하지 않는다. 장점 script를 head에 작성할 수 있다. body가 렌더링된 후에 로드되어 에러가 나지 않는다. 2021. 3. 6. 이전 1 2 다음 반응형
