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