'Programming/web 관련'에 해당되는 글 85건

  1. 2023.03.15 chatGPT님 가라사대 Server-Sent Events (SSE)
  2. 2022.08.24 JWT 로그인 예제
  3. 2022.08.08 quirks mode
  4. 2022.07.04 grid와 flex
  5. 2020.10.15 markdown 문법 - 체크박스
  6. 2019.08.07 크롬 확장도구 - json viewer
  7. 2019.06.17 resizable table cell
  8. 2019.06.05 web framework
  9. 2019.04.26 ECDHE?
  10. 2019.03.28 css position
Programming/web 관련2023. 3. 15. 11:25

chatGPT 님에게 server push 예제를 알려줘라고 했더니 아래와 같이 알려주신다.

Server push is a technique that allows a server to push data to a client without the client first making a request for the data. In JavaScript, this can be achieved using the Server-Sent Events (SSE) API.
Here's an example of how you can use SSE to implement server push in JavaScript:
On the server side, you need to create an endpoint that will send the SSE messages. In this example, we'll create a simple Node.js server:
const http = require('http');

const server = http.createServer((req, res) => {
  if (req.url === '/sse') {
    res.writeHead(200, {
      'Content-Type': 'text/event-stream',
      'Cache-Control': 'no-cache',
      'Connection': 'keep-alive'
    });

    setInterval(() => {
      res.write(`data: ${new Date().toISOString()}\n\n`);
    }, 1000);
  } else {
    res.writeHead(404);
    res.end();
  }
});

server.listen(3000);
const source = new EventSource('/sse');

source.onmessage = (event) => {
  console.log(event.data);
};

 

아무튼 SSE를 검색해보는데.. jquery 연관은 잘 안보이고

EventSource.onmessage() 로 처리 가능만 하다면야 머...

[링크 : https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events]

 

 

+

golang의 REST / websocket 제거하고 cgi로 돌리려는 어마어마한 음모가! ㅠㅠ

'Programming > web 관련' 카테고리의 다른 글

webGPU  (0) 2023.05.18
chart.js log 스케일  (0) 2023.03.31
JWT 로그인 예제  (0) 2022.08.24
quirks mode  (0) 2022.08.08
grid와 flex  (0) 2022.07.04
Posted by 구차니
Programming/web 관련2022. 8. 24. 18:05

음.. 환상이 컸었나..

지금 다시 보는데 POST로 id, pw를 plain text로 보내는 센스..

서버가 https로 보안채널이 되었다고 가정하지 않으면 의미없는 짓 같은 느낌..

 

[링크 : https://llshl.tistory.com/28]

[링크 : https://minho-jang.github.io/development/7/]

[링크 : https://velopert.com/2389]

 

SSO 구현에 JWT가 가능한진 좀 찾아봐야겠다.

[링크 : https://brunch.co.kr/@sangjinkang/36]

'Programming > web 관련' 카테고리의 다른 글

chart.js log 스케일  (0) 2023.03.31
chatGPT님 가라사대 Server-Sent Events (SSE)  (0) 2023.03.15
quirks mode  (0) 2022.08.08
grid와 flex  (0) 2022.07.04
markdown 문법 - 체크박스  (0) 2020.10.15
Posted by 구차니
Programming/web 관련2022. 8. 8. 17:26

귀찮아서 html 대충 만들다 보니

처음 부분에 <!DOCTYPE html>을 뺴먹었더니

크롬 개발자 도구에 아래와 같은 issue가 발생해서 클릭해보니.. 이상한게 보인다.

 

[링크 : https://web.dev/doctype/?utm_source=devtools]

 

굳이 해석(?)하자면

html5, css 표준 제정 이전 레거시 브라우저  호환성 지원? 이라고 보면 되려나?

[링크 : https://a-tothe-z.tistory.com/4]

[링크 : https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode]

[링크 : https://aboooks.tistory.com/169]

[링크 : https://en.wikipedia.org/wiki/Quirks_mode]

'Programming > web 관련' 카테고리의 다른 글

chatGPT님 가라사대 Server-Sent Events (SSE)  (0) 2023.03.15
JWT 로그인 예제  (0) 2022.08.24
grid와 flex  (0) 2022.07.04
markdown 문법 - 체크박스  (0) 2020.10.15
크롬 확장도구 - json viewer  (0) 2019.08.07
Posted by 구차니
Programming/web 관련2022. 7. 4. 18:06

웹 2년 넘게 안했더니

또 어떤 놈(?)들이 사악한걸 만들어 놨네

 

[링크 : https://studiomeal.com/archives/197]

[링크 : https://studiomeal.com/archives/533]

 

+

2022.08.08

display: flex; 로 설정하고

flex-direction: row;

flex-direction: column;

으로 쌓일 방향을 지정가능하다.

[링크 : https://heropy.blog/2018/11/24/css-flexible-box/]

'Programming > web 관련' 카테고리의 다른 글

JWT 로그인 예제  (0) 2022.08.24
quirks mode  (0) 2022.08.08
markdown 문법 - 체크박스  (0) 2020.10.15
크롬 확장도구 - json viewer  (0) 2019.08.07
resizable table cell  (0) 2019.06.17
Posted by 구차니
Programming/web 관련2020. 10. 15. 12:07

체크박스

[ ] [x]

 

이미지

![이미지 대체 텍스트](url)

 

[링크 : https://stackoverflow.com/questions/47344571/]

[링크 : https://jijong.github.io/2016-12-01/markdown/]

 

[링크 : https://commonmark.org/]

 

[링크 : https://www.nuget.org/packages/Markdig.Signed/]

[링크 : https://github.com/lunet-io/markdig]

 

+

확장된 녀석들이 아니면 체크박스나 텍스트박스는 지원을 안해서

HTML로 입력을 해야 할지도?

[링크 : https://stackoverflow.com/questions/24051693/input-form-in-markdown]

[링크 : https://github.com/brikis98/wmd]]

'Programming > web 관련' 카테고리의 다른 글

quirks mode  (0) 2022.08.08
grid와 flex  (0) 2022.07.04
크롬 확장도구 - json viewer  (0) 2019.08.07
resizable table cell  (0) 2019.06.17
web framework  (0) 2019.06.05
Posted by 구차니
Programming/web 관련2019. 8. 7. 10:43

맨날 json beautifier 찾아서 온라인으로 했는데

오프라인으로 바로 처리되니 편하네

 

[링크 : https://chrome.google.com/webstore/search/json%20view?hl=ko]

'Programming > web 관련' 카테고리의 다른 글

grid와 flex  (0) 2022.07.04
markdown 문법 - 체크박스  (0) 2020.10.15
resizable table cell  (0) 2019.06.17
web framework  (0) 2019.06.05
ECDHE?  (0) 2019.04.26
Posted by 구차니
Programming/web 관련2019. 6. 17. 19:10

셀 자체를 드래그 해서 크기를 바꾸는 기능

bootstrap 등에서 자동으로 지원하지 않으려나?

 

[링크 : https://codepen.io/jasongardner/pen/QNOXym]

'Programming > web 관련' 카테고리의 다른 글

markdown 문법 - 체크박스  (0) 2020.10.15
크롬 확장도구 - json viewer  (0) 2019.08.07
web framework  (0) 2019.06.05
ECDHE?  (0) 2019.04.26
css position  (0) 2019.03.28
Posted by 구차니
Programming/web 관련2019. 6. 5. 20:09

추천 웹 프레임 워크

이거 쓰면 창 만들고 그런게 쉬워져서 좋아 보이긴 하는데...

유료는 드럽게 비싸네..

 

[링크 : https://www.slant.co/options/852/alternatives/~kendo-ui-alternatives]

'Programming > web 관련' 카테고리의 다른 글

크롬 확장도구 - json viewer  (0) 2019.08.07
resizable table cell  (0) 2019.06.17
ECDHE?  (0) 2019.04.26
css position  (0) 2019.03.28
webpack  (0) 2019.02.20
Posted by 구차니
Programming/web 관련2019. 4. 26. 16:41

node.js 에서 내용을 못 까길래 이상하다 싶어서 보는데 나온 용어.

혹시  node.js 에서 TLSv1.3을 지원하지 않기 때문인가.. 정책상 못풀게 되어 있어서 못 건드는걸까?

Perfect Forward Secrecy was optional up to TLSv1.2, but it is not optional for TLSv1.3, because all TLSv1.3 cipher suites use ECDHE.

TLSv1.3 does not support renegotiation.

[링크 : https://nodejs.org/api/tls.html]

[링크 : https://medium.com/sjk5766/ecdhe-왜-패킷을-보여주지-않는거야-6abc43d5ac9e]

[링크 : https://rsec.kr/?p=455]

'Programming > web 관련' 카테고리의 다른 글

resizable table cell  (0) 2019.06.17
web framework  (0) 2019.06.05
css position  (0) 2019.03.28
webpack  (0) 2019.02.20
ajax bearer token header  (0) 2019.02.07
Posted by 구차니
Programming/web 관련2019. 3. 28. 13:07

지금와서 찾아보니 static으로 만 썼구나..

그래도 relative나 absolute는 레이아웃이 붕 뜨는 바람에 나중에 손대기 너무 번거로운데..

 

[링크 : https://www.zerocho.com/category/CSS/post/5864f3b59f1dc000182d3ea1]

[링크 : http://ko.learnlayout.com/position.html]

[링크 : https://aboooks.tistory.com/82]

'Programming > web 관련' 카테고리의 다른 글

web framework  (0) 2019.06.05
ECDHE?  (0) 2019.04.26
webpack  (0) 2019.02.20
ajax bearer token header  (0) 2019.02.07
webGL vs SVG  (0) 2019.01.07
Posted by 구차니