Web(238)
-
Web
2019.09.25
3
[Web] 색상조합 / 색상테마 추천해주는 사이트 총정리
노력보다 재능이 더 많이 필요한 영역, 공부하면 할수록 더 어려운 영역 바로 디자인인것 같습니다. 어플리케이션을 만들거나 웹사이트를 만들때 하다못해 PPT를 만들때도 디자인이 꼭 들어갑니다. 디자인은 생각보다 중요합니다. 오히려 기능보다 중요하다고 생각될때도 있습니다. 기능이 아무리 좋아도 사용하기 싫게 생긴 디자인이라면 소비자들의 외면을 받기 마련입니다. 애플이나 삼성같은 글로벌기업에서 나온 전자기기들의 후기도 기능보다는 디자인을 평하는 댓글들이 더 많은것을 보면 간접적으로 디자인이 얼마나 중요한지 실감케합니다. 이렇게 중요한 디자인을 잘하기 위한 요소는 어떤것이 있을까요? 개인적인 생각에 디자인에서 매우 중요한부분이 바로 컬러조합이 아닐까 생각합니다. 어플리케이션을 만들때나 사이트를 만들때 고민하는 ..
-
Web
2019.09.24
[Web] 부등호(< , >)를 < , > 로 바꿔주는 사이트
마크업기반의 코드에서는 부등호()가 인식되지 않습니다. html, xml같은 마크업기반의 언어에서는 부등호를 태그의 시작과 끝으로 인식을 하기때문입니다. 대표적으로 Spring Mybatis의 xml에서 부등호를 코드로 치환해주지 않고 그냥 쓰게되면 illegalargumentexception이라는 매퍼오류가 뜨는것을 예로 들 수 있습니다. 마크업기반의 언어에서 부등호를 사용하기 위해서는 부등호를 코드로 치환해주어야 합니다. 표현 기호기호의 코드값 뜻 < 오른쪽으로 열린 부등호A 마크업 기반의 코드에서 태그의 시작기호 사용 >>왼쪽으로 열린 부등호A > B로 표현할 시 A는 B보다 크다라는 뜻으로 사용마크업 기반의 코드에서 태그의 끝기호로 사용 부등호()를 < , > 로 바꿔주는..
-
Web
2019.09.23
2
[Web] 특수문자 코드로 바꿔주는 사이트 (HTML, XML, JSON 등)
마크업기반의 코드에서는 특수문자가 제대로 출력이 되지 않는경우가 많습니다. 많은 특수기호를 브라우저에서 코드의 일부분으로 인식하기때문입니다. 부등호() 같은 경우가 대표적이죠. 마크업 언어에서 부등호는 태그의 시작과 끝을 의미하기에 이것을 코드로 치환해주지않으면 에러가 발생할 수 있습니다. 특수문자 코드는 아래 사이트에서 확인하실 수 있습니다. https://www.codetable.net/ 특수문자를 각종 언어의 코드로 바꿔주는 웹 사이트 코드표를 찾아가면서 특수문자를 하나하나 코드로 바꿔주기란 매우 귀찮습니다. 하지만 아래에 소개해드릴 홈페이지를 이용하면 코드를 일일히 찾아보지 않아도 특수문자를 바로 코드로 변환시켜 알려줍니다. 사이트 주소는 아래와 같습니다. https://www.percederbe..
-
Web
2019.09.22
3
[Web] 간단하게 영상/미디어 파일을 편집할 수 있는 사이트 (자르기, 이어 붙이기)
영상편집 프로그램을 다운받지 않고 간단하게 영상을 편집할 수 있는 방법은 없을까요? 있습니다. 물론 프리미엄 프로나 파이널컷처럼 전문적인 영상편집 프로그램에서처럼 다양한 기능은 제공되지 않겠지만 간단한 영상편집 같은 경우에는 아래에 링크되어있는 사이트에서 수정이 가능합니다. 영상 / 음원편집사이트 mp3cut.com 사용법 일단 웹사이트로 들어가야겠죠? 링크는 아래와 같습니다. https://mp3cut.net/ko/ 1. 사이트에 접속하셔서 상단바에 탭중에 Video Cutter라는 탭에 들어갑니다. 그런뒤 자신이 편집하고 싶은 영상을 작업창에 올려주세요. 2. 영상을 편집합니다. 기능은 영상자르기, 영상회전 이정도가 있는것 같네요. 확실히 기능면에서 많이 떨어지네요. 단순히 영상길이 수정만 하고싶으신..
-
Web
2019.09.21
[Web] 음원/영상 파일 확장자 변경해주는 사이트
가끔 영상파일이나 미디어파일의 파일 형식을 바꿔야 할 경우가 있습니다. 프로그램을 다운받아서 할 수도 있지만 한번만 사용할 기능을 위해서 프로그램을 다운받으면 굉장히 번거롭게 느껴집니다. 이러한 고민을 해결해 줄 수 있는 사이트가 있습니다. 이전 포스팅에서 설명했던 mp3cut.com에서 이 기능을 제공합니다. mp3cut.com에서는 음성이나 미디어 파일의 확장자를 바꿔주는 기능말고도 다양한 기능을 제공합니다. 영상 / 음원편집사이트 mp3cut.com 사용법 일단 웹사이트로 들어가야겠죠? 링크는 아래와 같습니다. https://mp3cut.net/ko/ 변환해주는 방법은 매우 간단합니다. 오디오파일의 확장자 변경을 원하시면 오디오 변환기, 영상파일의 확장자 변경을 원하시면 비디오 변환기를 각각 12시..
-
Web
2019.09.20
4
[Web] 간단하게 음원/음성 파일을 편집할 수 있는 사이트 (자르기, 이어 붙이기)
이전 포스팅에서 텍스트를 음성파일로 변환해주는 사이트를 알아보았습니다. [Web] 텍스트를 음성으로 변환해주는 사이트 총정리 이렇게 텍스트를 음원파일을 만들었으면 이 음원을 수정을 해야 할 텐데요. 음원 편집 프로그램을 다운로드하여서 작업하는 방법이 가장 좋을 테지만 간단한 음원 이어 붙이기나 음원 자르기 같은 경우에는 프로그램을 다운로드하지 않고서도 아래에 링크되어있는 사이트에서 수정이 가능합니다. 영상 / 음원편집사이트 mp3cut.com 사용법 일단 웹사이트로 들어가야겠죠? 링크는 아래와 같습니다. https://mp3cut.net/ko/ 오디오 자르기 (음성파일 자르기) 1. 상단 1시방향에 있는 메뉴에서 Audio Cutter라는 메뉴를 선택해주시고 파일 선택을 선택합니다. 2. 오디오 양끝의 ..
-
Web
2019.09.05
[Web] 헤어진 커플사진에서 애인의 모습을 지울수 있는 서비스
살아가면서 재수가 좋으면 여자친구 혹은 남자친구와 사귀게되고 수많은 추억을 남기게 됩니다. 또 그 수많은 추억을 사진으로 남기게 되죠. 하지만 이 수많은 사진들은 애인과 헤어지는 순간 바로 애물단지로 바뀌어버립니다. 내가 아무리 잘나와도 인생사진을 찍어도 이것을 지워야하나 말아야하나 수차례 고민을 하게 됩니다. 이 문제를 해결하기 위해서 나온 영국의 한 서비스가 있습니다. editmyex라는 서비스입니다. 저같은 경우에는 여자친구와 찍은 사진들은 헤어지고 난 후 전부 삭제해버리는 스타일인데요. 얼마전 컴퓨터를 정리하던 도중 옛날에 앨범으로 만들려고 따로 빼놓은 전 여자친구와 찍은 사진들을 다수 발견하였습니다. 2014년도에 찍은 사진이니 무려 5년전 사진이군요. 이 사진들을 다 지우려고 하니 조금 아깝더..
-
Web
2019.06.02
9
[Web] 가장 속도가 빠른 Https 차단 우회방법 간단한 프로그램 설치(SaveVisit)
얼마전 정부에서 검증되지 않는 Https를 차단하겠다고 선언하고 얼마지나지 않아 다수의 검증되지 않은 Https 사이트의 접속이 차단되었습니다. 현재 윈도우, 맥, 크롬, 사파리, 익스플로러 등등 모든 기기와 웹브라우저에서 편법을 쓰지 않고서는 절대 접속할 수 없는 상황이 왔는데요. 검증되지 않은 Https 사이트에 접속하려고 하면 '사이트에 연결할 수 없음 연결이 재설정되었습니다.' 라는 메시지가 뜨고 있습니다. 하지만 언제나 불가능한것은 없습니다. 차단하는 방법도 다양한 만큼 Https 차단을 뚫는 방법도 무궁무진하게 많습니다. 마치 창과 방패의 대결이랄까요..? 이번 포스팅에서는 Https차단을 뚫는 방법에 대해 알아보도록 하겠습니다. 접속차단 우회 방법 Https 검열을 우회하는 방법은 다양한 방..
-
Web/Web Programming
2019.04.19
[Network] X.25란 무엇인가?
X.25란 무엇인가? X.25는 DTE(데이터 터미널 장치, Data Terminal Equipment)와 DCE(데이터 회선 종단장치, Data Circuit-terminating Equipment)간의 인터페이스를 제공하는 프로토콜로 통신을 원하는 두 단말장치가 패킷 교환망을 통해 패킷을 원활히 전달하기 위한 통신 절차입니다. X.25는 ITU-T에서 제정(1976년 승인)한 국제 표준 프로토콜로, 우수한 호환성을 가집니다. 연결형 프로토콜로 흐름제어, 오류 제어 등의 기능이 있습니다. 강력한 오류 체크 기능으로 신뢰성이 높습니다. 한 회선에 장애가 발생하더라도 정상적인 경로를 선택하여 우회 전송이 가능합니다. 디지털 전송을 기본으로 하므로 전송 품질이 우수합니다. 가상회선방식을 이용하여 하나의 물리..
-
Web/Web Programming
2019.04.18
2
[Network] OSI의 7계층 총 정리
OSI 참조 모델이란? OSI(Open System Interconnection) 참조모델은 다른 시스템 간의 원활한 통신을 위해 ISO(국제표준화기구)에서 제안한 통신 규약(Protocol)입니다. 개방형 시스템(Open System)간의 데이터 통신 시 필요한 장비 및 처리 방법등을 7단계로 표준화하여 규정하였습니다. OSI참조 모델의 목적 서로 다른 시스템 간을 상호 접속하기 위한 개념을 규정합니다. OSI 규격을 개발하기 위한 범위를 정합니다. 관련 규정의 적합성을 조절하기 위한 공통적 기반을 제공합니다. OSI 참조 모델의 기본원칙 적절한 수의 계층으로 나누어 시스템의 복잡도를 최소화합니다. 서비스 접점의 경계를 두어 상호 작용이 적어질 수 있도록 합니다. 프로세스나 기술적인 면에서 명백히 다른..
-
Web 2019.09.25 3[Web] 색상조합 / 색상테마 추천해주는 사이트 총정리 노력보다 재능이 더 많이 필요한 영역, 공부하면 할수록 더 어려운 영역 바로 디자인인것 같습니다. 어플리케이션을 만들거나 웹사이트를 만들때 하다못해 PPT를 만들때도 디자인이 꼭 들어갑니다. 디자인은 생각보다 중요합니다. 오히려 기능보다 중요하다고 생각될때도 있습니다. 기능이 아무리 좋아도 사용하기 싫게 생긴 디자인이라면 소비자들의 외면을 받기 마련입니다. 애플이나 삼성같은 글로벌기업에서 나온 전자기기들의 후기도 기능보다는 디자인을 평하는 댓글들이 더 많은것을 보면 간접적으로 디자인이 얼마나 중요한지 실감케합니다. 이렇게 중요한 디자인을 잘하기 위한 요소는 어떤것이 있을까요? 개인적인 생각에 디자인에서 매우 중요한부분이 바로 컬러조합이 아닐까 생각합니다. 어플리케이션을 만들때나 사이트를 만들때 고민하는 ..
-
Web 2019.09.24[Web] 부등호(< , >)를 < , > 로 바꿔주는 사이트 마크업기반의 코드에서는 부등호()가 인식되지 않습니다. html, xml같은 마크업기반의 언어에서는 부등호를 태그의 시작과 끝으로 인식을 하기때문입니다. 대표적으로 Spring Mybatis의 xml에서 부등호를 코드로 치환해주지 않고 그냥 쓰게되면 illegalargumentexception이라는 매퍼오류가 뜨는것을 예로 들 수 있습니다. 마크업기반의 언어에서 부등호를 사용하기 위해서는 부등호를 코드로 치환해주어야 합니다. 표현 기호기호의 코드값 뜻 < 오른쪽으로 열린 부등호A 마크업 기반의 코드에서 태그의 시작기호 사용 >>왼쪽으로 열린 부등호A > B로 표현할 시 A는 B보다 크다라는 뜻으로 사용마크업 기반의 코드에서 태그의 끝기호로 사용 부등호()를 < , > 로 바꿔주는..
-
Web 2019.09.23 2[Web] 특수문자 코드로 바꿔주는 사이트 (HTML, XML, JSON 등) 마크업기반의 코드에서는 특수문자가 제대로 출력이 되지 않는경우가 많습니다. 많은 특수기호를 브라우저에서 코드의 일부분으로 인식하기때문입니다. 부등호() 같은 경우가 대표적이죠. 마크업 언어에서 부등호는 태그의 시작과 끝을 의미하기에 이것을 코드로 치환해주지않으면 에러가 발생할 수 있습니다. 특수문자 코드는 아래 사이트에서 확인하실 수 있습니다. https://www.codetable.net/ 특수문자를 각종 언어의 코드로 바꿔주는 웹 사이트 코드표를 찾아가면서 특수문자를 하나하나 코드로 바꿔주기란 매우 귀찮습니다. 하지만 아래에 소개해드릴 홈페이지를 이용하면 코드를 일일히 찾아보지 않아도 특수문자를 바로 코드로 변환시켜 알려줍니다. 사이트 주소는 아래와 같습니다. https://www.percederbe..
-
Web 2019.09.22 3[Web] 간단하게 영상/미디어 파일을 편집할 수 있는 사이트 (자르기, 이어 붙이기) 영상편집 프로그램을 다운받지 않고 간단하게 영상을 편집할 수 있는 방법은 없을까요? 있습니다. 물론 프리미엄 프로나 파이널컷처럼 전문적인 영상편집 프로그램에서처럼 다양한 기능은 제공되지 않겠지만 간단한 영상편집 같은 경우에는 아래에 링크되어있는 사이트에서 수정이 가능합니다. 영상 / 음원편집사이트 mp3cut.com 사용법 일단 웹사이트로 들어가야겠죠? 링크는 아래와 같습니다. https://mp3cut.net/ko/ 1. 사이트에 접속하셔서 상단바에 탭중에 Video Cutter라는 탭에 들어갑니다. 그런뒤 자신이 편집하고 싶은 영상을 작업창에 올려주세요. 2. 영상을 편집합니다. 기능은 영상자르기, 영상회전 이정도가 있는것 같네요. 확실히 기능면에서 많이 떨어지네요. 단순히 영상길이 수정만 하고싶으신..
-
Web 2019.09.21[Web] 음원/영상 파일 확장자 변경해주는 사이트 가끔 영상파일이나 미디어파일의 파일 형식을 바꿔야 할 경우가 있습니다. 프로그램을 다운받아서 할 수도 있지만 한번만 사용할 기능을 위해서 프로그램을 다운받으면 굉장히 번거롭게 느껴집니다. 이러한 고민을 해결해 줄 수 있는 사이트가 있습니다. 이전 포스팅에서 설명했던 mp3cut.com에서 이 기능을 제공합니다. mp3cut.com에서는 음성이나 미디어 파일의 확장자를 바꿔주는 기능말고도 다양한 기능을 제공합니다. 영상 / 음원편집사이트 mp3cut.com 사용법 일단 웹사이트로 들어가야겠죠? 링크는 아래와 같습니다. https://mp3cut.net/ko/ 변환해주는 방법은 매우 간단합니다. 오디오파일의 확장자 변경을 원하시면 오디오 변환기, 영상파일의 확장자 변경을 원하시면 비디오 변환기를 각각 12시..
-
Web 2019.09.20 4[Web] 간단하게 음원/음성 파일을 편집할 수 있는 사이트 (자르기, 이어 붙이기) 이전 포스팅에서 텍스트를 음성파일로 변환해주는 사이트를 알아보았습니다. [Web] 텍스트를 음성으로 변환해주는 사이트 총정리 이렇게 텍스트를 음원파일을 만들었으면 이 음원을 수정을 해야 할 텐데요. 음원 편집 프로그램을 다운로드하여서 작업하는 방법이 가장 좋을 테지만 간단한 음원 이어 붙이기나 음원 자르기 같은 경우에는 프로그램을 다운로드하지 않고서도 아래에 링크되어있는 사이트에서 수정이 가능합니다. 영상 / 음원편집사이트 mp3cut.com 사용법 일단 웹사이트로 들어가야겠죠? 링크는 아래와 같습니다. https://mp3cut.net/ko/ 오디오 자르기 (음성파일 자르기) 1. 상단 1시방향에 있는 메뉴에서 Audio Cutter라는 메뉴를 선택해주시고 파일 선택을 선택합니다. 2. 오디오 양끝의 ..
-
Web 2019.09.05[Web] 헤어진 커플사진에서 애인의 모습을 지울수 있는 서비스 살아가면서 재수가 좋으면 여자친구 혹은 남자친구와 사귀게되고 수많은 추억을 남기게 됩니다. 또 그 수많은 추억을 사진으로 남기게 되죠. 하지만 이 수많은 사진들은 애인과 헤어지는 순간 바로 애물단지로 바뀌어버립니다. 내가 아무리 잘나와도 인생사진을 찍어도 이것을 지워야하나 말아야하나 수차례 고민을 하게 됩니다. 이 문제를 해결하기 위해서 나온 영국의 한 서비스가 있습니다. editmyex라는 서비스입니다. 저같은 경우에는 여자친구와 찍은 사진들은 헤어지고 난 후 전부 삭제해버리는 스타일인데요. 얼마전 컴퓨터를 정리하던 도중 옛날에 앨범으로 만들려고 따로 빼놓은 전 여자친구와 찍은 사진들을 다수 발견하였습니다. 2014년도에 찍은 사진이니 무려 5년전 사진이군요. 이 사진들을 다 지우려고 하니 조금 아깝더..
-
Web 2019.06.02 9[Web] 가장 속도가 빠른 Https 차단 우회방법 간단한 프로그램 설치(SaveVisit) 얼마전 정부에서 검증되지 않는 Https를 차단하겠다고 선언하고 얼마지나지 않아 다수의 검증되지 않은 Https 사이트의 접속이 차단되었습니다. 현재 윈도우, 맥, 크롬, 사파리, 익스플로러 등등 모든 기기와 웹브라우저에서 편법을 쓰지 않고서는 절대 접속할 수 없는 상황이 왔는데요. 검증되지 않은 Https 사이트에 접속하려고 하면 '사이트에 연결할 수 없음 연결이 재설정되었습니다.' 라는 메시지가 뜨고 있습니다. 하지만 언제나 불가능한것은 없습니다. 차단하는 방법도 다양한 만큼 Https 차단을 뚫는 방법도 무궁무진하게 많습니다. 마치 창과 방패의 대결이랄까요..? 이번 포스팅에서는 Https차단을 뚫는 방법에 대해 알아보도록 하겠습니다. 접속차단 우회 방법 Https 검열을 우회하는 방법은 다양한 방..
-
Web/Web Programming 2019.04.19[Network] X.25란 무엇인가? X.25란 무엇인가? X.25는 DTE(데이터 터미널 장치, Data Terminal Equipment)와 DCE(데이터 회선 종단장치, Data Circuit-terminating Equipment)간의 인터페이스를 제공하는 프로토콜로 통신을 원하는 두 단말장치가 패킷 교환망을 통해 패킷을 원활히 전달하기 위한 통신 절차입니다. X.25는 ITU-T에서 제정(1976년 승인)한 국제 표준 프로토콜로, 우수한 호환성을 가집니다. 연결형 프로토콜로 흐름제어, 오류 제어 등의 기능이 있습니다. 강력한 오류 체크 기능으로 신뢰성이 높습니다. 한 회선에 장애가 발생하더라도 정상적인 경로를 선택하여 우회 전송이 가능합니다. 디지털 전송을 기본으로 하므로 전송 품질이 우수합니다. 가상회선방식을 이용하여 하나의 물리..
-
Web/Web Programming 2019.04.18 2[Network] OSI의 7계층 총 정리 OSI 참조 모델이란? OSI(Open System Interconnection) 참조모델은 다른 시스템 간의 원활한 통신을 위해 ISO(국제표준화기구)에서 제안한 통신 규약(Protocol)입니다. 개방형 시스템(Open System)간의 데이터 통신 시 필요한 장비 및 처리 방법등을 7단계로 표준화하여 규정하였습니다. OSI참조 모델의 목적 서로 다른 시스템 간을 상호 접속하기 위한 개념을 규정합니다. OSI 규격을 개발하기 위한 범위를 정합니다. 관련 규정의 적합성을 조절하기 위한 공통적 기반을 제공합니다. OSI 참조 모델의 기본원칙 적절한 수의 계층으로 나누어 시스템의 복잡도를 최소화합니다. 서비스 접점의 경계를 두어 상호 작용이 적어질 수 있도록 합니다. 프로세스나 기술적인 면에서 명백히 다른..