본문 바로가기

Work/WEB DEV5

Node / React 2023. 11. 7.
Web Modules/Path 메인프로젝트의 context-root 를 확인하면 보통 "/" 인경우가 있다. 처음에 프로젝트를 세팅할 때 프로젝트의 기본경로를 확인하지 않고 서버를 냅다 돌리는 경우가 많다. context-root 가 '/' 경우 서버의 path 도 동일하게 맞춰주어야한다. 만약 프로젝트가 돌아가는것들이 분명 필요한 파일이 모두 있는데 서버를 돌리고 나면 해당 파일들이 없다는 오류가 뜬다면 context-root와 서버 경로 문제가 맞지않음을 의심해보자. [경로 수정방법] 1. 서버를 더블클릭한다. 2. [Modules] 탭을 선택한다. 3. 해당프로젝트를 선택한 후 Edit 를 클릭한 후 Path 를 수정해준다. 4. Ctrl + S 로 저장을 꾸욱 한다음 서버 재시동을 해본다. 5. 정상작동! 완료 2023. 11. 3.
video/audio autoplay issue 요구사항 시각장애인 ==> 시각정보 X / 청각정보 O 청각장애인 ==> 시각정보 O / 청각정보 X 이슈) Chrome 자동재생 정책 자동재생 정책 요약) - 음소거 된 자동 재생 항상허용 - 사용자가 클릭, 탭 등 했을때 - 데스크탑에서 사용자 미디어 참여지수가 기준을 초과했을때 (즉, 소리 켜놓고 비디오 재생한 횟수가 적정 횟수 이상일때) - 모바일에서 사용자가 홈화면에 사이트를 추가했을때 - 상위 프레임은 iframe에 자동재생권한을 위임하여 사운드와 함께 자동재생 허용 가 * 미디어 참여지수(MEI)란 사이트에서 개인이 미디어 소비 성향을 측정한 것 참고자료) https://developer.chrome.com/blog/autoplay/#webaudio Autoplay policy in Chro.. 2023. 11. 2.
1. 그림으로 배우는 Http&Network Basic 정리해보기 [ 책 목차 ] 제 1 장 웹과 네트워크의 기본에 대해 알아보자 제 2장 간단한 프로토콜 HTTP 제 3장 HTTP 정보는 HTTP 정보는 HTTP 메시지에 있다 제 4장 결과를 전달하는 HTTP 상태 코드 제 5장 HTTP와 연계하는 웹 서버 제 6장 HTTP 헤더 제 7장 웹을 안전하게 하는 HTTPS 제 8장 누가 액세스하고 있는지를 확인하는 인증 제 9장 HTTP에 기능을 추가한 프로토콜 제 10장 웹 콘텐츠에서 사용하는 기술 제 11장 웹 공격 기술 제 1 장 웹과 네트워크의 기본에 대해 알아보자 1.1 웹은 HTTP로 나타낸다 웹브라우저는 지정된 URL을 이용하여 웹서버로 부터 리소스들을 얻어내고 이러한 흐름을 HTTP(HyperText Transfer Protocol)이라 한다. 정리하면 H.. 2023. 10. 17.
** 웹 개발자라면 언젠가 읽으면 좋은 책 추천 리스트 [요약] 1. 스프링 관련 1) 토비의 스프링(이일민) 총 2권 2. 디자인 패턴 관련 1) GoF의 디자인 패턴 (에릭 감마 외) 2) Head First Design Patterns (에릭프리먼) 3. TCP/IP 관련 1) 명쾌한 설명과 풍부한 그림으로 배우는 TCP/IP 쉽게, 더쉽게(리브로윅스 지음/ 신상재 옮김) 4. HTTP 관련 1) HTTP 완벽가이드(데이빗 고울리 외 4명 지음/ 이응준, 정상일 옮김) 2) 그림으로 배우는 Http& NetWork Basic ( 우에노 센 지음/ 이병억 옮김) 5. SI 업체 관련 1) 생계형 개발자 SI 에서 살아남기(연서은 지음) ** 스프링 관련 1. 토비의 스프링(이일민) 총 2권 ** 디자인 패턴 관련 1. GoF의 디자인 패턴 (에릭 감마 외.. 2023. 8. 10.