| CSS Animation : 3D Transform (0) | 2019.08.14 |
|---|---|
| CSS Animation : Transition (0) | 2019.08.14 |
| Online Tutorials.Icon Button.Animate Lightening Button (0) | 2019.08.10 |
| Online Tutorials.Text.Animate Lightening Text (0) | 2019.08.10 |
| Online Tutorials.Button.Animate stroke border (0) | 2019.08.09 |
| CSS Animation : 3D Transform (0) | 2019.08.14 |
|---|---|
| CSS Animation : Transition (0) | 2019.08.14 |
| Online Tutorials.Border.Gradient Light (0) | 2019.08.10 |
| Online Tutorials.Text.Animate Lightening Text (0) | 2019.08.10 |
| Online Tutorials.Button.Animate stroke border (0) | 2019.08.09 |
| CSS Animation : 3D Transform (0) | 2019.08.14 |
|---|---|
| CSS Animation : Transition (0) | 2019.08.14 |
| Online Tutorials.Border.Gradient Light (0) | 2019.08.10 |
| Online Tutorials.Icon Button.Animate Lightening Button (0) | 2019.08.10 |
| Online Tutorials.Button.Animate stroke border (0) | 2019.08.09 |
| CSS Animation : 3D Transform (0) | 2019.08.14 |
|---|---|
| CSS Animation : Transition (0) | 2019.08.14 |
| Online Tutorials.Border.Gradient Light (0) | 2019.08.10 |
| Online Tutorials.Icon Button.Animate Lightening Button (0) | 2019.08.10 |
| Online Tutorials.Text.Animate Lightening Text (0) | 2019.08.10 |
미리 알아두면 좋은 사항)
- 프로토콜은 ws 와 wss 가 있다. ws = http, wss = https 로 비유하면 이해가 쉽다.
- 최초 접속 요청 프로토콜에서 Sec-Sec-WebSocket-Key 가 추가로 생겼으니, 꼭 검색해서 처리 필요. (인터넷에 많음)
- C#) 일반 소켓으로 연결하면 잘 처리가 안된다. TcpListener 와 TcpClient 를 사용하기를 권장함.
- 구형 브라우저에서는 websocket 자체가 지원안될 수 있다. 지원한다고 해도 버전 혹은 구체적인 기능지원여부는 확인 필수
- Client 에서 전송시, 한글이나 영어는 마스킹된다고해서 오류가 난다. 숫자나 기호는 오류가 나지 않는다.
특히 "아무 숫자/기호 1Byte + 한글/영어" 형태로 전송은 잘 된다. 마스킹이 뭔지 파악 필요.
| 소스 코드 정리, 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 |
http://bootstrapk.com/css/
| form-group 사용처 (0) | 2019.02.12 |
|---|
라벨과 콘트롤을 감쌀때 사용.
<form>
<div class="form-group">
<label for="exampleInputEmail1">이메일 주소</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="이메일을 입력하세요">
</div>
<div class="form-group">
<label for="exampleInputPassword1">암호</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="암호">
</div>
<div class="form-group">
<label for="exampleInputFile">파일 업로드</label>
<input type="file" id="exampleInputFile">
<p class="help-block">여기에 블록레벨 도움말 예제</p>
</div>
</form>| 기본 CSS 시작하기 (0) | 2019.02.12 |
|---|
1) https://www.bootstrapcdn.com/fontawesome/
2) https://fontawesome.com/v4.7.0/icons/
| 소스 코드 정리, 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 |
.element
{
transition: opaticy 300ms ease-in-out 1s;
}
| 2020-093.CSS.Font Size.폰트 크기.rem.em.px.vh/vw.ex/ch (0) | 2020.04.05 |
|---|---|
| CSS1,2,3 (0) | 2020.03.04 |
| CSS 변수 (0) | 2019.10.08 |
| CSS Animation : 2D Transform (0) | 2019.08.14 |
| Div p 와 Div > p 의 차이점 (0) | 2018.06.03 |
| CSS Grid Syntax Summary (0) | 2018.10.25 |
|---|---|
| CSS Grid 기본 이해하기 (0) | 2018.10.25 |
| Grid Library (0) | 2018.05.17 |
| CSS Grid layout (0) | 2018.05.16 |
