개발자나 코딩을 배우는 학생들이라면 알고리즘 연습이나 간단한 코드를 짜고 실행해보고 싶을 때가 종종 있으실겁니다. 이럴때 간단한 코드 한줄을 실행해보기 위해 무거운 프로그램들을 깔기는 시간도 많이 걸리고 환경을 세팅하기도 귀찮습니다. 이럴때 웹 컴파일러를 사용하면 간단하게 코드를 짜고 실행할 수 있습니다. Tutorialspoint(https://www.tutorialspoint.com/) 이곳에서는 거의 모든 언어를 작성하고 컴파일 할 수 있습니다. 그리고 회원가입하면 작성한 코드도 저장할 수 있습니다. 자신이 작성하고 싶은 언어를 클릭한 후 코드를 작성하고 상단에 Execute 버튼을 눌러주면 오른쪽 Result 창에 컴파일 된 결과가 나오게 됩니다. 하지만 대부분의 웹 컴파일러들은 속도가 느리기에 ..
아주 오래전 『나만의 도메인을 가지면 어떨까?』 라는 생각을 한 적이 있습니다. 그 당시에는 도메인을 구매하는 비용과 계속해서 도메인을 갱신해주어야 한다는 압박감, 그리고 도메인을 바꾸면 블로그가 죽어버린다는 소문에 득보다는 실이 많은 것 같다 생각되어 그냥 티스토리 기본 도메인을 사용하자는 결론을 내렸었는데 최근 들어 이 『코딩팩토리』라는 블로그를 기반으로 여러 사업을 확장시키고 싶다는 욕구가 커짐에 따라 도메인 구입을 다시 고려하게 되었고 더 늦기 전에 개인 도메인을 구매하여 넣어주자라는 결론에 도달하게 되었습니다. 도메인 구매 사이트 결정 도메인의 가격의 원가는 ICNN(인터넷 관리 협회) 등록 수수료와 네임서버 운영비를 합쳐 대략 2천원 ~ 3천원 사이라고 합니다. 이 도메인을 여러 도메인 판매 ..
개발자로 살아남기 위해서는 빠른 기술의 변화 속도를 따라잡아야 합니다. 빠른 기술의 변화로 인해 전혀 새로운 패러다임의 영역을 공부해야 할 때도 있고 지금껏 배워왔던 기술들이 필요없어질 수도 있습니다. 기술 트렌드의 변화는 개발자들에게 많은 영향을 줍니다. 이러한 변화에 적응하려면 그만큼 많은 정보를 보고 받아들여야 하는데. 저는 여러 개발자들과의 대화를 통해 가장 많은 지식을 습득한다고 생각합니다. 혼자서만 묵묵히 개발하다 보면 어느 순간 내가 우물 안의 개구리가 되어가고 있다는 느낌을 받을 때도 트렌드에 뒤처진다는 느낌도 받을때가 있는데 그러지 말고 많은 개발자들의 고충은 무엇인지 관심사는 무엇인지 직접 보고 공유하면서 정보를 습득하는 것도 좋은 방법이라 생각됩니다. 이번 포스팅에서는 이러한 개발자들..
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로 표현할 시 B는 A보다 크다라는 뜻으로 사용마크업 기반의 코드에서 태그의 시작기호 사용 > > 왼쪽으로 열린 부등호A > B로 표현할 시 A는 B보다 크다라는 뜻으로 사용마크업 기반의 코드에서 태그의 끝기..
마크업기반의 코드에서는 특수문자가 제대로 출력이 되지 않는경우가 많습니다. 많은 특수기호를 브라우저에서 코드의 일부분으로 인식하기때문입니다. 부등호() 같은 경우가 대표적이죠. 마크업 언어에서 부등호는 태그의 시작과 끝을 의미하기에 이것을 코드로 치환해주지않으면 에러가 발생할 수 있습니다. 특수문자 코드는 아래 사이트에서 확인하실 수 있습니다.https://www.codetable.net/ 특수문자를 각종 언어의 코드로 바꿔주는 웹 사이트코드표를 찾아가면서 특수문자를 하나하나 코드로 바꿔주기란 매우 귀찮습니다. 하지만 아래에 소개해드릴 홈페이지를 이용하면 코드를 일일히 찾아보지 않아도 특수문자를 바로 코드로 변환시켜 알려줍니다. 사이트 주소는 아래와 같습니다.https://www.percederberg...
영상편집 프로그램을 다운받지 않고 간단하게 영상을 편집할 수 있는 방법은 없을까요? 있습니다. 물론 프리미엄 프로나 파이널컷처럼 전문적인 영상편집 프로그램에서처럼 다양한 기능은 제공되지 않겠지만 간단한 영상편집 같은 경우에는 아래에 링크되어있는 사이트에서 수정이 가능합니다. 영상 / 음원편집사이트 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. 1시방향 탭에서 Audio Cutter라는 메뉴를 선택해주시고 파일선택을 선택합니다. 2. 오디오 양끝의 바를 잡아당겨서 오디오 길이를 조절할 수..
유튜브를 보다보면 나레이션없이 자막으로만 이루어져있는 영상들을 종종 만나볼 수 있는데요. 이 경우 해당영상을 시청자입장에서 자막을 계속 보고 있어야한다는 불편함이 있을 수 있습니다. 유튜브 프리미엄 고객의 증가로 인해 라디오처럼 듣는분들에게는 정말 최악이겠죠. 하지만 육성으로 나레이션을한다는것은 생각보다 어렵습니다. 저희가 성우나 아나운서가 아닌 일반인이 발성이나 목소리를 마치 프로처럼 낸다는것은 현실적으로 매우 힘듭니다. 여기 도움을 줄만한 사이트가 있습니다. 텍스트만 넣어주면 알아서 척척 음성으로 바꿔주는 사이트들입니다. 잘 짜여진 대본을 음성변환을 하여 동영상에 삽입해준다면 단순히 자막으로만 구성되어있는 동영상에 비해 조금이나마 좋은 퀄리티의 영상을 제작할 수 있지 않을까 생각해봅니다. (기계음의 ..
유튜브가 뜨면서 개인 영상제작에 관해서도 관심도가 많이 증가하고 있습니다. 하지만 많은 사람들이 자신이 원하는 콘텐츠를 영상으로 만드는것에 대해 어려움을 겪습니다. 좀 더 쉽게 영상을 제작할 수 있는 한가지 방법을 제시하자면 인터넷에 돌아다니는 무료 동영상들을 편집해서 사용하신다면 영상제작에 큰 도움이 될 수 있습니다. 이번포스팅에서는 영상제작에 도움이 될만한 무료 영상 공유사이트에대해 알아보도록 하겠습니다. 무료 영상 다운로드 사이트 총정리1. 픽사베이 비디오 (https://pixabay.com/videos/)가장 유명한 영상공유 사이트는 픽사베이입니다. 무료 이미지 공유사이트도 픽사베이였는데 영상도 제일 큰곳은 픽사베이네요. 공유사이트의 최강자인듯 합니다. 4K와 HD버전으로도 다운받으실 수 있습니..
디자인을 할때 픽토그램은 굉장히 유용하게 쓰입니다. 디자인 측면에서 특정 기능이 있을때 그 기능을 글로 표현하는것보다는 아이콘으로 간결하게 표현하는것이 좀 더 깔끔하게 보이기 때문이죠. 위와같이 팔로우 기능이 있다고 예로 들어보겠습니다. 한눈에봐도 왼쪽부터 차례대로 페이스북, 인스타그램, 트위터라는것을 알수있습니다. 글귀로 페이스북, 인스타그램, 트위터 이렇게 쓰는것보다 픽토그램을 쓰는것이 훨씬 깔끔합니다. 이처럼 픽토그램은 아이콘만봐도 직관적으로 무슨 기능인지 유추가능하게 해주기때문에 특정기능을 글로 표현하기 보다는 픽토그램으로 표현을 많이합니다. ※ 픽토그램이란, 픽토(picto)와 전보를 뜻하는 텔레그램(telegram)의 합성어로, 무언가 중요한 사항이나 장소를 알리기 위해, 그 어떤 사람이 보더..
프로그램이나 어플리케이션을 만들다보면 디자인이라는 요소가 분명히 들어가게 되어있는데요. 이 디자인이라는 영역은 시간도 많이 잡아먹는 작업입니다. 또 미술쪽으로 재능이 없다면 애초에 하지도 못하는 디자인을 배워서 하기보다는 기존에 이미 되어있는 디자이너의 작품이나, 사진, 혹은 그림을 활용하면 디자인에 소요되는 시간을 획기적으로 단축할 수 있습니다. 오늘은 제가 이때까지 디자인을 하면서 참고했었던 여러가지 사이트들을 소개해드리려 합니다. 디자인할때 꼭 필요한 저작권 없는 무료 이미지 사이트 정리1. 픽사베이 (https://pixabay.com/)아마 무료이미지 사이트중에 가장 유명하지 않을까 싶습니다. 무려 160만개의 이미지와 비디오가 저장되어있다고 합니다. 모두 상업적으로 이용이 가능한것들만 모아놓았..
