StoryCode

'Web Dev, HTML, CSS, SVG, BootStrap/Tool'에 해당되는 글 6건

  1. 소스 코드 정리, Source
  2. WebSocket
  3. font awesome with bootstrapcdn
  4. Icon 적용하기
  5. 구글 폰트 적용하기
  6. Color Pick, Palette, 280 colors, Collaborating with 13 designers around the world

소스 코드 정리, Source

Web Dev, HTML, CSS, SVG, BootStrap/Tool
반응형

1. http://prettydiff.com/?m=beautify

   코드 정리 및 비교도 하고 최소화도 해줍니다.

 

2. http://jsbeautifier.org/

   몇가지 속성을 주어서 사용자 입맞에 맞게 코드를 정리할 수 있습니다.

3. http://tools.arantius.com/tabifier

   그냥 간단하게...

 

4. http://html.segio.com/ko/?shell=index.shell:0

   코드 정리라기 보다는 불필요한 태그등을 "미리보기"화면을 보면서 정리할 수 있는 사이트

 

5. http://www.dpriver.com/pp/sqlformat.htm

   SQL 코드를 정리해주는 사이트

반응형

'Web Dev, HTML, CSS, SVG, BootStrap > Tool' 카테고리의 다른 글

WebSocket  (0) 2019.07.24
font awesome with bootstrapcdn  (0) 2018.12.09
Icon 적용하기  (0) 2018.10.09
구글 폰트 적용하기  (0) 2018.10.09
Color Pick, Palette, 280 colors, Collaborating with 13 designers around the world  (0) 2018.10.09
,

WebSocket

Web Dev, HTML, CSS, SVG, BootStrap/Tool
반응형

미리 알아두면 좋은 사항)

- 프로토콜은 ws 와 wss 가 있다. ws = http, wss = https 로 비유하면 이해가 쉽다.

- 최초 접속 요청 프로토콜에서 Sec-Sec-WebSocket-Key 가 추가로 생겼으니, 꼭 검색해서 처리 필요. (인터넷에 많음)

- C#) 일반 소켓으로 연결하면 잘 처리가 안된다. TcpListener 와 TcpClient 를 사용하기를 권장함.

- 구형 브라우저에서는 websocket 자체가 지원안될 수 있다. 지원한다고 해도 버전 혹은 구체적인 기능지원여부는 확인 필수

- Client 에서 전송시, 한글이나 영어는 마스킹된다고해서 오류가 난다. 숫자나 기호는 오류가 나지 않는다.

  특히 "아무 숫자/기호 1Byte + 한글/영어" 형태로 전송은 잘 된다. 마스킹이 뭔지 파악 필요.

 

 

 

 

 

반응형

'Web Dev, HTML, CSS, SVG, BootStrap > Tool' 카테고리의 다른 글

소스 코드 정리, Source  (0) 2020.03.12
font awesome with bootstrapcdn  (0) 2018.12.09
Icon 적용하기  (0) 2018.10.09
구글 폰트 적용하기  (0) 2018.10.09
Color Pick, Palette, 280 colors, Collaborating with 13 designers around the world  (0) 2018.10.09
,

font awesome with bootstrapcdn

Web Dev, HTML, CSS, SVG, BootStrap/Tool
반응형

1) https://www.bootstrapcdn.com/fontawesome/





2) https://fontawesome.com/v4.7.0/icons/



반응형
저작자표시 비영리

'Web Dev, HTML, CSS, SVG, BootStrap > Tool' 카테고리의 다른 글

소스 코드 정리, Source  (0) 2020.03.12
WebSocket  (0) 2019.07.24
Icon 적용하기  (0) 2018.10.09
구글 폰트 적용하기  (0) 2018.10.09
Color Pick, Palette, 280 colors, Collaborating with 13 designers around the world  (0) 2018.10.09
,

Icon 적용하기

Web Dev, HTML, CSS, SVG, BootStrap/Tool
반응형

1.fontawesome.com


2. 


반응형
저작자표시 비영리

'Web Dev, HTML, CSS, SVG, BootStrap > Tool' 카테고리의 다른 글

소스 코드 정리, Source  (0) 2020.03.12
WebSocket  (0) 2019.07.24
font awesome with bootstrapcdn  (0) 2018.12.09
구글 폰트 적용하기  (0) 2018.10.09
Color Pick, Palette, 280 colors, Collaborating with 13 designers around the world  (0) 2018.10.09
,

구글 폰트 적용하기

Web Dev, HTML, CSS, SVG, BootStrap/Tool
반응형

1. fonts.google.com


2.


반응형
저작자표시 비영리

'Web Dev, HTML, CSS, SVG, BootStrap > Tool' 카테고리의 다른 글

소스 코드 정리, Source  (0) 2020.03.12
WebSocket  (0) 2019.07.24
font awesome with bootstrapcdn  (0) 2018.12.09
Icon 적용하기  (0) 2018.10.09
Color Pick, Palette, 280 colors, Collaborating with 13 designers around the world  (0) 2018.10.09
,

Color Pick, Palette, 280 colors, Collaborating with 13 designers around the world

Web Dev, HTML, CSS, SVG, BootStrap/Tool
반응형

https://flatuicolors.com

반응형
저작자표시 비영리

'Web Dev, HTML, CSS, SVG, BootStrap > Tool' 카테고리의 다른 글

소스 코드 정리, Source  (0) 2020.03.12
WebSocket  (0) 2019.07.24
font awesome with bootstrapcdn  (0) 2018.12.09
Icon 적용하기  (0) 2018.10.09
구글 폰트 적용하기  (0) 2018.10.09
,

티스토리툴바