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년전 사진이군요. 이 사진들을 다 지우려고 하니 조금 아깝더..