개발새발으로 출발, 디발!

지난번 포스팅때 내 NAS로 국가불문, 많은 분들이 접속시도를 해주셔서.. (검색해보니 고려대생도 있었던..) '대체 어떻게..왜..?'하고 고수분들께 물어본 결과 DSM (Disk Station Manager..즉 나스에서 로그인하는 GUI가 구성된 화면) 이 아닌 SSH로 접속 해서 그렇다고 함 SSH로 접속시 아래와 같은 명령어를 쳐서 접속하니까, 잘못접속 시도를 할 수있던것.(그래서 내가 배경을 바꿔도 못봤던것) SSH 접속을 하려면 그 컴퓨터의 user ID와 IP 주소를 알면 된다고한다. (?근데 아이피야 뭔가 비슷할수도 있다치지만 내 아이디는 어떻게 안거지..?

로그 센터 혹은 보안-계정-개인-로그인활동 에서 보면, 처음 보는 외국 ip나 한국의 모르는 ip들이 해킹시도를 하여 [경고] login이 실패< 이런 로그들이 남아있음 (필자는... 어디에 내 퀵커넥트 주소나 퍼블리싱한 주소를 따로 공개한적이 없는데도.. 이런 시도들이 일어나서 질문 올린 참임) 역방향 프록시..나 방화벽설정을 강화하는 방법이 있지만 그런거 다 모르겠고 '안전한 방법으로 하겠다!' 싶다면 아래 사진속 루트를 따라 otp로 인증을 하면 됨 시스템상 캡쳐는 안되지만.... 휴대폰에 synology secure signin 앱을깔아서 자동 갱신되는otp 번호로 2차 인증 로그인을 하는 방법 (메이플이나 던파 로그인처럼.. 약간 번거롭지만? 폰 없으면 로그인 못해서 확실한 방법임)

공유기 관리자에서 포트 열었을때, 연 포트번호를 웹 포털 등록할때 http가 아니라 https 로 등록하면 됨 * (주의요함) 자체가 보안연결(HTTPS) 가 아니라서 뜨는 것. 관련사항+ ================================= [TIP : 사이트 게시 후, 접속시 '이 사이트는 안전하지 않습니다' 방지 사전작업] 1. DDNS에서 호스트 등록 (DDNS편집) 에서 아래부분 체크 2. 적용되었는지 확인 : 제어판 - 보안 -인증서탭 - 등록한 DDNS가 Lets가 맞는지 확인 )

1. 웹 스테이션을 열고 웹 서비스- 기본서비스를 더블클릭- 개인 웹 사이트 활성화 체크 ※ 패키지 센터에서 Apache HTTP server를 깔아야 체크가 가능함 2. 언급된것처럼 www 폴더안에 있는게 내 시놀로지 주소로 들어갔을때 보이는 첫 렌딩 페이지가 됨 3.위에서 체크했기 때문에 default로 만들어주는 페이지는 아래와 같음 '내가 www라는 폴더에 에 빈 index.html 만들어 놧으니까, 이 경로에 수정해서 니 사이트 올려! ' 라는 뜻 4. 위의 과정을 통해 web폴더 안에 www라는 폴더가 만들어졌으니 이제 수정하면 끝. (web 폴더 안에 있는 index.html를 읽는듯해서 나는 그냥 www없애고 내 첫 렌딩 페이지를 아래 사진처럼 넣음) 5. 결과 ++) 5번의 메인 렌딩페이..

※ 극초기 설정 : 일반적인 유튜브에 나와있는 것처럼 처음에 시놀로지 선꼽고 시놀계정 만들고 레이드 하는등의 설정 https://www.youtube.com/watch?v=h_qVvpHE2qE&ab_channel=%EC%84%9C%EC%9A%B8%EB%A6%AC%EC%95%88SEOULiAN 1. 초기 패키지 센터 파일설치 (처음에 시놀로지 설치후 아파치 , 컨테이너 매니저 , 웹스테이션 정도만 깔면 됨) 다운 (컨메는 어캐 쓰는지 모르겠어서 안까는 것으로) 2. 제어판의 공유폴더에서 앞으로 퍼블리싱 할걸 올릴 공유파일을 만들어서 파일스테이션에서 파일을 보고 관리할수있게 해줌 (나 같은경우, hes_publish로 지정, 여기에 html,css등이 들어간 프로젝트 파일 1개씩 들어갈예정 포트포워드 에 들..

라이브 서버에서 자동 새로고침이 안되는 경우 해결방법은 4가지가 있습니다. 1. 혹시 라이브 서버를 실행하고자 하는 파일 제목 첫번째 글자가 .인 경우 .을 없애자! -ex) .samsungweb.html 같은 제목일때 .을 없애어 samsungweb.html으로 저장. 2. 혹시 라이브 서버를 실행하고자 하는 파일의 상위 폴더 제목에 #이 들어갔다면 #을 없애자! 3. "UTF-8"을 적지 않았다면 작성! (+ 로 제대로 적었는지 확인) 4. 설정- auto save를 검색해 사진과 같이 afterdelay로 변경! delay를 600 (0.6초)로 변경!

1. 아래의 사이트 or 프로그램 내부에 background 를 검색하여 프로그램을 받습니다. marketplace.visualstudio.com/items?itemName=shalldie.background visual studio 내부의 마켓플레이스에서 검색할시 동방프로젝트 캐릭터, 마리사가 반겨주네요! (역시 동덕들;; 어마무시한 기술력...) 2. 설치 후 톱니바퀴 버튼을 눌러 확장설정에 진입합니다. 3. '기존이미지를 사용?' (동프덕후라면 사용할만도?) 체크박스를 사진과 같이 해제 해줍니다. 이후에 편집링크를 클릭하여 .json에 진입합니다. 4. 스크린샷에 나온것처럼 사진이 들어있는 위치를 잡아줍니다. ※ 파일명에 한글 들어가면 안됩니다. background position(사진을 어디에 띄..

주황색 charset이 보이시나요? 인텔리센스의 자동완성기능입니다. 자꾸 태그나 다른것들이 자동완성으로 뜨면 기본코드를 외우는거 조차 쉽지 않죠 (꿀기능이지만 끄고싶은 초보도있죠ㅎㅎ) 그래서 이렇게 설정 (ctrl+;)에 가서 IntelliSense를 검색한후 관련 체크 박스를 모두 해제하면 된답니다. (속성제한 해제는 꼭 하셔야 기본적인 태그가 안뜹니다~)

▼ 작동하는 코드 $( document ).on( 'click', '.cancel_reserv', function( event ){ $("#choice_pop_wrap_reserv_cancle").css({ 'display': 'block' }); $('body').css('overflow', 'hidden'); console.log("#cancel_reserv 클릭됨"); }); ▼ 작동하는 되지 않는 코드 $("#cancel_reserv").click(function () { console.log("#cancel_reserv 클릭됨"); }); 첫 번째 코드는 동적으로 생성되는 요소에 대해서도 이벤트를 처리할 수 있으므로 페이지가 로드된 이후에 동적으로 생성된 .cancel_reserv 클래스를 가진..

※ 100MB 이하면 구글 드라이브에 올려서 깔끔하고 빠르게 가져올 수 있지만 필자가 이번에 하는 프로젝트는 그럴 수 없어서 기록. See the Pen 유튜브 영상 HTML넣기 by hesper03 (@whdldi) on CodePen. ◆ 사용한 코드 설명: src: YouTube 동영상 재생 주소입니다. autoplay=1: 동영상을 자동으로 재생하도록 지정하는 매개변수입니다. "1"로 설정하면 동영상이 페이지를 로드할 때 자동으로 재생됩니다. mute=1: 동영상을 음소거로 설정하는 매개변수입니다. "1"로 설정하면 동영상이 음소거 상태로 재생됩니다. vq=small: 동영상 화질을 "small"로 설정하는 매개변수입니다. 이것은 동영상을 상대적으로 낮은 화질로 표시하도록 지시하는 것입니다. co..