Web(235)
-
Web/Web Programming
2020.11.14
8
[Network] TCP / UDP의 개념과 특징, 차이점
전송 계층에서 사용되는 프로토콜 (TCP / UDP) TCP와 UDP는 OSI 표준모델과 TCP/IP 모델의 전송계층에서 사용되는 프로토콜입니다. 전송계층은 송신자와 수신자를 연결하는 통신 서비스를 제공하고 IP에 의해 전달되는 패킷의 오류를 검사하며 재전송 요구 제어등을 담당하는 계층입니다. 쉽게 말해 데이터의 전달을 담당한다고 생각하시면 됩니다. TCP와 UDP는 포트 번호를 이용하여 주소를 지정하는것과 데이터 오류검사를 위한 체크섬 존재하는 두가지 공통점을 가지고 있지만 정확성(TCP)을 추구할지 신속성(UDP)을 추구할지를 구분하여 나뉩니다. 데이터를 중요하게 생각하여 확실히 주고받고 싶을 때는 ‘TCP(Transmission Control Protocol)’를 사용합니다. TCP는 통신할 컴퓨터..
-
Web/Web Programming
2020.11.13
5
[Network] TCP / IP란 무엇인가?
TCP / IP란? TCP/IP(Transmission Control Protocol/Internet Protocol)는 데이터가 의도된 목적지에 닿을 수 있도록 보장해주는 통신 규약입니다. TCP / IP는 이름에서 알 수 있듯 TCP / IP에는 두가지 프로토콜로 이루어져 있으며 인터넷으로 디바이스를 연결하는 네트워크 프로토콜의 집합이며 개별적인 네트워크 프로토콜로 사용될 수도 있습니다. TCP / IP는 인터넷의 기본 통신 언어입니다. 기본적으로 TCP / IP를 사용하면 한 컴퓨터가 데이터 패킷을 컴파일하고 올바른 위치로 전송하여 인터넷을 통해 다른 컴퓨터와 통신 할 수 있습니다. 프로토콜이란? 컴퓨터와 네트워크 기기가 상호간에 통신하기 위해서는 서로 같은 방법으로 통신하지 않으면 안됩니다. 어떻..
-
Web
2020.07.03
2
[Web] 간단하게 코드를 짜고 컴파일 할 수 있는 사이트(Tutorialspoint)
개발자나 코딩을 배우는 학생들이라면 알고리즘 연습이나 간단한 코드를 짜고 실행해보고 싶을 때가 종종 있으실겁니다. 이럴때 간단한 코드 한줄을 실행해보기 위해 무거운 프로그램들을 깔기는 시간도 많이 걸리고 환경을 세팅하기도 귀찮습니다. 이럴때 웹 컴파일러를 사용하면 간단하게 코드를 짜고 실행할 수 있습니다. Tutorialspoint(https://www.tutorialspoint.com/) 이곳에서는 거의 모든 언어를 작성하고 컴파일 할 수 있습니다. 그리고 회원가입하면 작성한 코드도 저장할 수 있습니다. 자신이 작성하고 싶은 언어를 클릭한 후 코드를 작성하고 상단에 Execute 버튼을 눌러주면 오른쪽 Result 창에 컴파일 된 결과가 나오게 됩니다. 하지만 대부분의 웹 컴파일러들은 속도가 느리기에 ..
-
Web
2020.01.21
3
[Web] 도메인 구입 방법 및 구매 후기 (with 가비아)
아주 오래전 『나만의 도메인을 가지면 어떨까?』 라는 생각을 한 적이 있습니다. 그 당시에는 도메인을 구매하는 비용과 계속해서 도메인을 갱신해주어야 한다는 압박감, 그리고 도메인을 바꾸면 블로그가 죽어버린다는 소문에 득보다는 실이 많은 것 같다 생각되어 그냥 티스토리 기본 도메인을 사용하자는 결론을 내렸었는데 최근 들어 이 『코딩팩토리』라는 블로그를 기반으로 여러 사업을 확장시키고 싶다는 욕구가 커짐에 따라 도메인 구입을 다시 고려하게 되었고 더 늦기 전에 개인 도메인을 구매하여 넣어주자라는 결론에 도달하게 되었습니다. 도메인 구매 사이트 결정 도메인의 가격의 원가는 ICNN(인터넷 관리 협회) 등록 수수료와 네임서버 운영비를 합쳐 대략 2천원 ~ 3천원 사이라고 합니다. 이 도메인을 여러 도메인 판매 ..
-
Web
2019.10.04
22
[Web] 개발자 커뮤니티 사이트 총정리
개발자로 살아남기 위해서는 빠른 기술의 변화 속도를 따라잡아야 합니다. 빠른 기술의 변화로 인해 전혀 새로운 패러다임의 영역을 공부해야 할 때도 있고 지금껏 배워왔던 기술들이 필요없어질 수도 있습니다. 기술 트렌드의 변화는 개발자들에게 많은 영향을 줍니다. 이러한 변화에 적응하려면 그만큼 많은 정보를 보고 받아들여야 하는데. 저는 여러 개발자들과의 대화를 통해 가장 많은 지식을 습득한다고 생각합니다. 혼자서만 묵묵히 개발하다 보면 어느 순간 내가 우물 안의 개구리가 되어가고 있다는 느낌을 받을 때도 트렌드에 뒤처진다는 느낌도 받을때가 있는데 그러지 말고 많은 개발자들의 고충은 무엇인지 관심사는 무엇인지 직접 보고 공유하면서 정보를 습득하는 것도 좋은 방법이라 생각됩니다. 이번 포스팅에서는 이러한 개발자들..
-
Web
2019.09.27
4
[Web] HTML 테이블 자동으로 생성해주는 사이트
Front 개발작업을 하다보면 테이블을 생성해야 할 경우가 많은데요. 하지만 일일이 소스코드를 써가면서 테이블을 그리기란 매우 귀찮은 작업입니다. 이렇게 귀찮은 작업을 자동으로 해주는 사이트가 있습니다. Tables Generator라는 사이트입니다. 해당 사이트는 HTML 뿐만 아니라 LaTeX, Text, Markdown 등 매우 다양한 포맷의 테이블 소스코드를 자동으로 만들어주는 사이트입니다. 버튼 몇개만 간단히 눌러주면 알아서 스타일까지 입혀주기에 Front개발 작업시간을 비약적으로 줄일 수 있답니다. 테이블 자동으로 생성해주는 사이트 Tables Generator 사이트 주소는 아래와 같습니다. http://www.tablesgenerator.com/html_tables 최상단에는 메뉴를 선택할..
-
Web
2019.09.26
4
[Web] 집중력 향상 음악 / 공부할때 듣는 음악 사이트 총정리 (백색소음)
음악을 들으면서 공부를 해도 될까요? 어떤사람은 음악을 들으면 집중력이 떨어진다고 하고 또 다른 사람들은 음악이 오히려 집중도를 키운다고도 말합니다. 누구의 말이 맞을까요? 연구결과에 따르면 일반적인 음악을 들으면서 공부를하면 집중도가 떨어지지만 백색소음을 들으며 공부를 했을경우 그렇지 않았을때와 비교하여 30%정도의 집중력 향상의 결과가 있다고 합니다. 카페에서 공부가 더 잘된다고 느끼는 경우가 많은데 그 이유도 바로 카페에서 백색소음이 나고 있기 때문이죠. 이번 포스팅에서는 이러한 백색소음을 들을 수 있는 사이트들을 소개하고자 합니다. ※ 백색소음이란? 백색잡음(白色雜音) 또는 화이트 노이즈(영어: white noise)이라고 불리며 물리적으로 전도체 내부에 있는 이산적인 전자의 자유 운동으로부터 야..
-
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/Web Programming 2020.11.14 8[Network] TCP / UDP의 개념과 특징, 차이점 전송 계층에서 사용되는 프로토콜 (TCP / UDP) TCP와 UDP는 OSI 표준모델과 TCP/IP 모델의 전송계층에서 사용되는 프로토콜입니다. 전송계층은 송신자와 수신자를 연결하는 통신 서비스를 제공하고 IP에 의해 전달되는 패킷의 오류를 검사하며 재전송 요구 제어등을 담당하는 계층입니다. 쉽게 말해 데이터의 전달을 담당한다고 생각하시면 됩니다. TCP와 UDP는 포트 번호를 이용하여 주소를 지정하는것과 데이터 오류검사를 위한 체크섬 존재하는 두가지 공통점을 가지고 있지만 정확성(TCP)을 추구할지 신속성(UDP)을 추구할지를 구분하여 나뉩니다. 데이터를 중요하게 생각하여 확실히 주고받고 싶을 때는 ‘TCP(Transmission Control Protocol)’를 사용합니다. TCP는 통신할 컴퓨터..
-
Web/Web Programming 2020.11.13 5[Network] TCP / IP란 무엇인가? TCP / IP란? TCP/IP(Transmission Control Protocol/Internet Protocol)는 데이터가 의도된 목적지에 닿을 수 있도록 보장해주는 통신 규약입니다. TCP / IP는 이름에서 알 수 있듯 TCP / IP에는 두가지 프로토콜로 이루어져 있으며 인터넷으로 디바이스를 연결하는 네트워크 프로토콜의 집합이며 개별적인 네트워크 프로토콜로 사용될 수도 있습니다. TCP / IP는 인터넷의 기본 통신 언어입니다. 기본적으로 TCP / IP를 사용하면 한 컴퓨터가 데이터 패킷을 컴파일하고 올바른 위치로 전송하여 인터넷을 통해 다른 컴퓨터와 통신 할 수 있습니다. 프로토콜이란? 컴퓨터와 네트워크 기기가 상호간에 통신하기 위해서는 서로 같은 방법으로 통신하지 않으면 안됩니다. 어떻..
-
Web 2020.07.03 2[Web] 간단하게 코드를 짜고 컴파일 할 수 있는 사이트(Tutorialspoint) 개발자나 코딩을 배우는 학생들이라면 알고리즘 연습이나 간단한 코드를 짜고 실행해보고 싶을 때가 종종 있으실겁니다. 이럴때 간단한 코드 한줄을 실행해보기 위해 무거운 프로그램들을 깔기는 시간도 많이 걸리고 환경을 세팅하기도 귀찮습니다. 이럴때 웹 컴파일러를 사용하면 간단하게 코드를 짜고 실행할 수 있습니다. Tutorialspoint(https://www.tutorialspoint.com/) 이곳에서는 거의 모든 언어를 작성하고 컴파일 할 수 있습니다. 그리고 회원가입하면 작성한 코드도 저장할 수 있습니다. 자신이 작성하고 싶은 언어를 클릭한 후 코드를 작성하고 상단에 Execute 버튼을 눌러주면 오른쪽 Result 창에 컴파일 된 결과가 나오게 됩니다. 하지만 대부분의 웹 컴파일러들은 속도가 느리기에 ..
-
Web 2020.01.21 3[Web] 도메인 구입 방법 및 구매 후기 (with 가비아) 아주 오래전 『나만의 도메인을 가지면 어떨까?』 라는 생각을 한 적이 있습니다. 그 당시에는 도메인을 구매하는 비용과 계속해서 도메인을 갱신해주어야 한다는 압박감, 그리고 도메인을 바꾸면 블로그가 죽어버린다는 소문에 득보다는 실이 많은 것 같다 생각되어 그냥 티스토리 기본 도메인을 사용하자는 결론을 내렸었는데 최근 들어 이 『코딩팩토리』라는 블로그를 기반으로 여러 사업을 확장시키고 싶다는 욕구가 커짐에 따라 도메인 구입을 다시 고려하게 되었고 더 늦기 전에 개인 도메인을 구매하여 넣어주자라는 결론에 도달하게 되었습니다. 도메인 구매 사이트 결정 도메인의 가격의 원가는 ICNN(인터넷 관리 협회) 등록 수수료와 네임서버 운영비를 합쳐 대략 2천원 ~ 3천원 사이라고 합니다. 이 도메인을 여러 도메인 판매 ..
-
Web 2019.10.04 22[Web] 개발자 커뮤니티 사이트 총정리 개발자로 살아남기 위해서는 빠른 기술의 변화 속도를 따라잡아야 합니다. 빠른 기술의 변화로 인해 전혀 새로운 패러다임의 영역을 공부해야 할 때도 있고 지금껏 배워왔던 기술들이 필요없어질 수도 있습니다. 기술 트렌드의 변화는 개발자들에게 많은 영향을 줍니다. 이러한 변화에 적응하려면 그만큼 많은 정보를 보고 받아들여야 하는데. 저는 여러 개발자들과의 대화를 통해 가장 많은 지식을 습득한다고 생각합니다. 혼자서만 묵묵히 개발하다 보면 어느 순간 내가 우물 안의 개구리가 되어가고 있다는 느낌을 받을 때도 트렌드에 뒤처진다는 느낌도 받을때가 있는데 그러지 말고 많은 개발자들의 고충은 무엇인지 관심사는 무엇인지 직접 보고 공유하면서 정보를 습득하는 것도 좋은 방법이라 생각됩니다. 이번 포스팅에서는 이러한 개발자들..
-
Web 2019.09.27 4[Web] HTML 테이블 자동으로 생성해주는 사이트 Front 개발작업을 하다보면 테이블을 생성해야 할 경우가 많은데요. 하지만 일일이 소스코드를 써가면서 테이블을 그리기란 매우 귀찮은 작업입니다. 이렇게 귀찮은 작업을 자동으로 해주는 사이트가 있습니다. Tables Generator라는 사이트입니다. 해당 사이트는 HTML 뿐만 아니라 LaTeX, Text, Markdown 등 매우 다양한 포맷의 테이블 소스코드를 자동으로 만들어주는 사이트입니다. 버튼 몇개만 간단히 눌러주면 알아서 스타일까지 입혀주기에 Front개발 작업시간을 비약적으로 줄일 수 있답니다. 테이블 자동으로 생성해주는 사이트 Tables Generator 사이트 주소는 아래와 같습니다. http://www.tablesgenerator.com/html_tables 최상단에는 메뉴를 선택할..
-
Web 2019.09.26 4[Web] 집중력 향상 음악 / 공부할때 듣는 음악 사이트 총정리 (백색소음) 음악을 들으면서 공부를 해도 될까요? 어떤사람은 음악을 들으면 집중력이 떨어진다고 하고 또 다른 사람들은 음악이 오히려 집중도를 키운다고도 말합니다. 누구의 말이 맞을까요? 연구결과에 따르면 일반적인 음악을 들으면서 공부를하면 집중도가 떨어지지만 백색소음을 들으며 공부를 했을경우 그렇지 않았을때와 비교하여 30%정도의 집중력 향상의 결과가 있다고 합니다. 카페에서 공부가 더 잘된다고 느끼는 경우가 많은데 그 이유도 바로 카페에서 백색소음이 나고 있기 때문이죠. 이번 포스팅에서는 이러한 백색소음을 들을 수 있는 사이트들을 소개하고자 합니다. ※ 백색소음이란? 백색잡음(白色雜音) 또는 화이트 노이즈(영어: white noise)이라고 불리며 물리적으로 전도체 내부에 있는 이산적인 전자의 자유 운동으로부터 야..
-
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..