여러 공간들

https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog Online Tutorials Online Tutorial - Html , Css , Jquery , Bootstrap , Photoshop www.youtube.com IE가 지원안해서 멋지지만 쓸 수없는게 많네요 MS가 사용자 선택권을 준다고 그냥 두었지만 IE가 있어서 발전이 국내 웹환경의 발전이 더뎌지는게 아닐까 생각듭니다.

Q웹뷰를 수정하기 위해 파이어폭스 변경점을 보다가 웹 공유 API라는 것을 봤습니다. 모바일 웹 환경에서 공유버튼을 누를때 브라우저가 각 OS의 네이티브 공유 창을 호출하는 API입니다. 현재 지원하는 브라우저는 IOS용 사파리 12.2 안드로이드용 크롬 80 안드로이드용 파이어폭스 73 입니다. navigator.share({ title: 제목, text: '네이버', url: 'https://naver.com', }).then(() =>{ console.log('공유 성공') }).catch(() => { console.log('지원 되지 않는 api') }) 지원 되지 않을때는 undefined를 반환합니다. 아직까지 지원하지 않는 브라우저가 많기 때문에 기존에 웹환경에서 쓰이던 공유하기 라이브러리..

최근 바쁘기도하고 여러가지로 신경 못쓰고 있었습니다. 그 사이 파이어폭스가 71에서 74버전까지 나왔네요 2.0.9 버전 변경점 탭 열때 이제 새창으로 이동합니다. 파이어폭스 Geckoview 74버전으로 업데이트 그 외 버그 수정 *안드로이드 10이상에서는 LG에서 Q슬라이드 기능을 삭제해서 사용 하실 수 없습니다. 안드로이드 10 기본 기능으로 탑재된 팝업윈도우를 이용해 주세요. * 유튜브를 Q웹뷰로 띄워놓으면 최소화시켜도 계속 재생할 수 있습니다. https://play.google.com/store/apps/details?id=com.jw.studio.geckodevmaster play.google.com 이 앱은 Geckoview를 이용하여 모질라 MPL라이센스에 따라 아래링크에 소스코드를 공개..

요즘코로나 19때문에 전세계 경제나 우리나라 경제도 어렵네요 ㅠ 하루빨리 바이러스가 사라졌으면 좋겠습니다. https://koreamask.herokuapp.com/ // 지금은 마스크공급이 원활해져서 정부에서 정보서비스를 종료해서 이 서비스도 종료되었습니다.

흔히 웹개발할때 CORS경고를 본적 있을겁니다. 허용되지않은 웹사이트의 요청을 막거나 허락할 수 있죠 파이어폭스 74에서는 이와 비슷한 CORP를 기본값으로 되었습니다. Cross-Origin-Resource-Policy 로 이미지,스크립트 태그의 출처는 같은 도메인이여야 하고 외부에서 불러올경우 미리 지정해야 하기 때문에 브라우저 사용자의 보안이 향상됩니다. -

포트폴리오로 사용중인 사이트에 들어갔는데 일부 기능이 405 에러가 나면서 제대로 동작하지않았습니다. 로그파일을 확인해보니 Failed to validate connection com.mysql.cj.jdbc.ConnectionImpl@23323911 (No operations allowed after connection closed.). Possibly consider using a shorter maxLifetime value. DB 에 연결되는 시간이후에는 연결이 끊어집니다. mysql 의 커넥션 연결 기본값은 8시간 jdbc 연결에 ?autoReconnect=true 을 붙입니다. 커넥션이 연결이 끊어졌을때 재연결을 하기위함입니다. 추가로 스프링부트 1버전일 경우 application.proper..

저번에 만든 vue 게시판의 npm 패키지 의존성 업데이트를 하면서 lint 규칙을 표준으로 바꿨더니 eslint 가 .env 파일에 있는 VUE_APP_ 상수를 경고하기 시작했습니다. error: 'VUE_APP_BASE_URL' is not defined (no-undef) at src\components\member\SignUp.vue:82:14: 80 | this.axios({ 81 | methods: 'post', > 82 | url: VUE_APP_BASE_URL + '/member/sigunup' | ^ 83 | }) 84 | } 85 | }, 저 경고때문에 빌드가 안되는 상황.. eslint 공식문서를보면 globals : { 끄고싶은대상: false } parserOptions: { pa..

서버를 운영에서 이미지로 인한 트래픽이 큽니다. 유저가 이미지 주소를 해서 서버의 이미지를 퍼간다면 그 곳에서로딩될때마다 트래픽이 발생하게되는데 이렇게 서버랑 연결된 링크를 핫링크라고 합니다. Nginx 기준으로 location ~ \.(jpe?g|png|gif|mp4)$ { valid_referers none blocked example.com *.example.com; if ($invalid_referer) { return 403; } } 차단할 확장자들을 적고 valid_referers none blocked 은 허용할 도메인입니다. 나머지는 접근제한 403 을 응답하게됩니다 트래픽을 아껴봅시다 끝

nginx는 아파치 서버보다 정적 리소스들을 잘 관리합니다. was를 거치지않고 nginx 에서 바로 응답하게 하면 was 의 부하를 줄일 수가 있죠. nginx.conf에서 server { .. location /img { alias /이미지 폴더경로 } }

출처:https://okky.kr/article/670238 OKKY | 2020년 2월 브라우저 쿠키 정책 변경 준비 방법과 알려진 복잡성 교차 사이트 쿠키를 관리하는 경우 SameSite None; Secure 설정을 쿠키에 적용해야 합니다. 대부분의 개발자에게 구현이 간단해야 하겠지만, 다음과 같은 복잡성과 특별한 사례를 식별하기 위해 지금 테스트를 시작하도록 강력히 권합니다. 아직은 None 값을 지원하지 않는 언어와 라이브러리도 있 okky.kr 위 출처에서 구글에서 올라온 글을보면 https://developers-kr.googleblog.com/2020/01/developers-get-ready-for-new.html 개발자를 위한 새로운 SameSite=None; 보안 쿠키 설정에 대비하기..