전체 글58 [tistory] 상단에 프로그래스바 만들기 백프로 성공하는 프로그래스바 만들기. (스킨 때문인지 서치해서 찾는 것마다 안돼서 쓰는 글...🥹) 스킨 편집 > html 편집 태그 사이에 넣어주기 색상을 변경하고 싶으면, 아래 링크를 클릭해 색상코드만 바꾸어 주면 된다 ! https://html-color-codes.info/Korean/ HTML 컬러 코드 HTML 컬러 차트 사각형 모양의 컬러버튼을 클릭하여 HTML 컬러 코드를 찾으세요. HTML 컬러 코드 이론 "이 이상한 기호와 숫자와의 조합이 어떤 의미가 있을까?" 하고 궁금하신가요. 그 답은 "예" 입 html-color-codes.info 출처 https://rgy0409.tistory.com/3749#google_vignette 티스토리에 인디케이터 (프로그래스 바 - Progress.. tistory 2022. 6. 5. [tistory] 폰트 및 마우스 아이콘 변경하기( + 그림테두리 설정) 스킨 하나 건드렸더니 다 날라가버려서 백업용으로 쓰는 글🥹 폰트변경 1. 아래 링크에 들어가서 마음에 드는 폰트를 찾아본다. https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 2. 폰트를 찾은 후, 아래와 같이 눌러 css 코드를 복사한다. 3. 스킨편집 > css 위에서 복사해둔 css 코드를 아래와 같이 붙여넣는다. 4. font-family를 검색하여, 아래와 같이 폰트 이름을 바꾸어준다. body{}안에 있는 font-family만 바꾸어주면 된다. 마우스 아이콘 변경 1. 아래 링크에 들어가서 마음에 드는 마우스 이미지를 선택. https://www.cursors-4u.com/cursor/2009/10/16/large-rainbow-pointer.html Lar.. tistory 2022. 6. 5. [XSS-GAME] Level6 https://xss-game.appspot.com/level6 https://xss-game.appspot.com/level6 Oops! Based on your browser cookies it seems like you haven't passed the previous level of the game. Please go back to the previous level and complete the challenge. xss-game.appspot.com 문제 풀이 확실히 마지막 문제라 어려웠다...😢 전과 다르게 이제 입력하는 칸이 따로 없다..! 문제에서 location.hash를 언급했으니 # 뒤에 다른 값을 넣는게 큰 틀이 되곘다. ⭐ location.hash란? url 뒤에 ‘#”뒤에 나오는.. Wargame/Web 2022. 6. 3. 윈도우 10 자음 모음 분리 현상 해결 요즘 들어 갑자기 크롬에서 자주 자음과 모음이 분리되는 현상이 일어나기 시작했다😢 (윈도우 10환경) 왜 발생하는지는 모르겠지만... 일단 해결해서 올리는 글. 1. ctrl + shift + esc 를 눌러 작업 관리자를 열기 2. 아래에 해당되는 두개 프로그램을 종료시켜주면 끝 사람마다 해결되는 방법이 다르니, 이 방법이 안되면 구글에 서치해보기를....! 출처 : https://m.blog.naver.com/nsgsky/222286625677 윈도우10 자음 모음 분리 현상 해결 방법 안녕하세요 남씨 입니다. 이번에 알려드릴 정보는 윈도우10 자음 모음 분리 현상 관련하여 안내해드릴텐데... blog.naver.com 기타 2022. 6. 3. [XSS-GAME] Level5 https://xss-game.appspot.com/level5 https://xss-game.appspot.com/level5 Oops! Based on your browser cookies it seems like you haven't passed the previous level of the game. Please go back to the previous level and complete the challenge. xss-game.appspot.com 문제 풀이 역시나 감이 안 잡히니 코드부터 본다. 15번째 줄을 보니, 링크주소로 이동하는 것을 알 수 있다. 그래서 아래와 같이, signup 사이트의 url에서 next=confirm 인 경우 Next 버튼을 누르면 confirm사이트로 이동하는.. Wargame/Web 2022. 6. 2. [XSS-GAME] Level4 https://xss-game.appspot.com/level4 https://xss-game.appspot.com/level4 Oops! Based on your browser cookies it seems like you haven't passed the previous level of the game. Please go back to the previous level and complete the challenge. xss-game.appspot.com 문제 풀이 타이머 생성 시 url이 /level4/frame?timer = 초인걸 볼 수 있다. 흠.. 감이 안 잡히니 일단 코드부터 보자. onload = "startTimer('입력값');"인 걸 알수있다. 즉. 입력값에 1');alert(doc.. Wargame/Web 2022. 6. 2. [XSS-GAME] Level3 https://xss-game.appspot.com/level3 https://xss-game.appspot.com/level3 Oops! Based on your browser cookies it seems like you haven't passed the previous level of the game. Please go back to the previous level and complete the challenge. xss-game.appspot.com 문제 풀이 IMAGE 1, 2, 3을 클릭할 때마다, 각각에 해당되는 이미지가 보이면서 url에 frame#1, frame#2, frame#3으로 바뀌는 것을 볼 수 있다. 이번 문제는 코드를 보고 풀었다 ! 코드에서는 다른건 볼 필요 없고, cho.. Wargame/Web 2022. 6. 2. [XSS-GAME] Level2 https://xss-game.appspot.com/level2 https://xss-game.appspot.com/level2 Oops! Based on your browser cookies it seems like you haven't passed the previous level of the game. Please go back to the previous level and complete the challenge. xss-game.appspot.com 문제 풀이 이전과 다르게 stored xss 문제이다. img 태그를 이용해보자 ! onerror함수는 이미지를 로드할 때 오류가 발생하면 작동하는 함수이다. 이렇게 쓰고, 올리면 아래와 같이 성공함을 알 수 있다 ! Wargame/Web 2022. 6. 2. [XSS-GAME] Level1 https://xss-game.appspot.com/level1 XSS game: Level 1 xss-game.appspot.com 문제 풀이 1번 문제는 사실 너무 쉬워서 풀이를 쓸 필요가 없을 정도다.. 아래와 같이 alert만 띄우면 된다. 아래와 같이 뜨면 성공 ! Wargame/Web 2022. 6. 2. IntelliJIDEA 다운로드 및 설치하기 : 학생 계정 사용 IntelliJ란 ? JetBrains사에서 제작한 상용 자바 통합 개발 환경(IDE) 학생이면 유료인 Ultimate 버전을 사용 가능함 ! Eclipse에서 많이 넘어오는 추세라고 한다. ⭐⭐⭐ 참고로 학생계정으로 유로버전을 이용하면 매년 갱신을 해줘야 한다 ⭐⭐⭐ (아마도 학생 메일이 존재하는 한, 계속 할 수 있지 않을까 싶다...) 회원가입 및 학생 계정 인증 1. 사이트 접속 www.jetbrains.com/community/education/#students Free Educational Licenses - Community Support Learn or teach how to code with best-of-industry tools from JetBrains. Free Educationa.. IDE/IntelliJ 2022. 6. 2. 포트 정리(Well-Known 포트, Resitered 포트, Dynamic 포트) Well-Known 포트 : 세계적으로 유명하게 알려진 포트 번호 Resitered 포트 : 어느정도 공신력 있는 프로그램의 포트 번호 Dynamic 포트 : 사용자들이 활용할 수 있는 포트 번호 프로토콜 포트번호 FTP(data) 20 FTP(control) 21 SSH 22 TELNET 23 SMTP 25 DNS 53 TFTP 69 HTTP 80 POP3 110 IMAP 143 SNMP 161 HTTPS 443 Oracle 1521 MySQL 3306 MS 원격 데스크탑(RDP) 3389 추가적으로 Apache Tomcat 적용 시, 웹서버 포트(8080포트) 외에 두개의 포트를 더 쓰게 된다. 8005 포트 : HTTP프로토콜을 처리하기 위한 내부 접속용 포트 8009포트 : mod_jk를 통해 a.. Web 2022. 5. 25. VSCode - Virtualbox SSH 연결 1. 확장 > Remote - SSH 설치 2번을 하기 전에, cmd를 켜서 ip 확인 필수 ! 2. 확장 밑에 있는 원격탐색을 클릭 f1을 누르고, ssh config 누르면 아래와 같이 뜬다. 3. config 파일 설정 Host (식별할 이름) HostName (IP 주소) User (계정명) Port (포트번호) //22 포트는 따로 설정하지 않았다면, 22로 하면 됩니다. 저장 후, 옆에 web 부분을 클릭하면, 옆에 네모난 아이콘이 있을텐데 클릭하여 새로운 창에서 호스트와 연결합니다. 4. ssh 연결 플랫폼에 맞게 선택하고 패스워드를 입력해주면 연결이 완료되었습니다 ! 만약 안되는 경우에는, 가상머신에 들어가서 아래 명령어를 쳐서 ssh포트가 열려있는지 확인해주세요 :) ssh의 기본포트는 .. Virtualbox 2022. 5. 23. 이전 1 2 3 4 5 다음