Programming/web 관련2024. 3. 27. 15:20

웹 브라우저 쿠키

로컬에 저장만 되서 불러서 쓰는건 줄 알았는데

서버에 요청시 request header에 cookie의 내용들이 전부 포함되서 요청된다.

 

HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는(stateless) HTTP 프로토콜에서 상태 정보를 기억시켜주기 때문입니다.

[링크 : https://developer.mozilla.org/ko/docs/Web/HTTP/Cookies]

[링크 : https://velog.io/@msung99/인증관련-Header-그리고-쿠키Cookie]

 

저작자표시

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

let's encrypt 방식  (0) 2024.02.02
ajax session 인증  (0) 2024.01.26
bootstrap table 정렬기능  (0) 2024.01.26
bootstrap modal  (0) 2024.01.23
브라우저 언어 탐지  (0) 2024.01.18
Posted by 구차니
Programming/web 관련2024. 2. 2. 18:34

let's encrypt 방식

 

 

[링크 : https://hacktam.kr/etclec/180?sca=Server]

저작자표시

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

웹 브라우저 쿠키  (0) 2024.03.27
ajax session 인증  (0) 2024.01.26
bootstrap table 정렬기능  (0) 2024.01.26
bootstrap modal  (0) 2024.01.23
브라우저 언어 탐지  (0) 2024.01.18
Posted by 구차니
Programming/web 관련2024. 1. 26. 23:45

ajax session 인증

ajax가 로그인 하지 않은 사람에 대해서 튕겨내고 싶을때에 대해서 검색중..

 

[링크 : https://stackoverflow.com/questions/51472356/jquery-ajax-not-creating-golang-session-cockie]

 

[링크 : https://docs.informatica.com/ko_kr/master-data-management/multidomain-mdm/10-4-hotfix-3/_business-entity-services-guide_multidomain-mdm_10-4-hotfix-3_ditamap/GUID-809086BD-86BB-436B-835F-E47A3E9A4FC3/GUID-B87C1638-7186-452C-9B1B-23D0BF75480D.html]

저작자표시

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

웹 브라우저 쿠키  (0) 2024.03.27
let's encrypt 방식  (0) 2024.02.02
bootstrap table 정렬기능  (0) 2024.01.26
bootstrap modal  (0) 2024.01.23
브라우저 언어 탐지  (0) 2024.01.18
Posted by 구차니
Programming/web 관련2024. 1. 26. 14:48

bootstrap table 정렬기능

테이블 만들고 jquery로 해당 id 검색후 DataTable() 함수를 호출하면 알아서 해준다.

// Basic example
$(document).ready(function () {
  $('#dtBasicExample').DataTable({
   "ordering": false // false to disable sorting (or any other option)
  });
  $('.dataTables_length').addClass('bs-select');
});

[링크 : https://mdbootstrap.com/docs/b4/jquery/tables/sort/]

[링크 : https://www.educba.com/bootstrap-sort-table/]

[링크 : https://codepen.io/agdg/pen/zpydmd]

저작자표시

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

let's encrypt 방식  (0) 2024.02.02
ajax session 인증  (0) 2024.01.26
bootstrap modal  (0) 2024.01.23
브라우저 언어 탐지  (0) 2024.01.18
javascript exif 정보 얻기  (0) 2023.11.29
Posted by 구차니
Programming/web 관련2024. 1. 23. 17:48

bootstrap modal

클릭하면 팝업이 뜨면서 배경은 흐리게 되는 그것!

애니메이션까지 전부 제공하네.. 우와

 

[링크 : https://getbootstrap.com/docs/4.0/components/modal/]

저작자표시

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

ajax session 인증  (0) 2024.01.26
bootstrap table 정렬기능  (0) 2024.01.26
브라우저 언어 탐지  (0) 2024.01.18
javascript exif 정보 얻기  (0) 2023.11.29
chart.js multi y axis  (0) 2023.09.27
Posted by 구차니
Programming/web 관련2024. 1. 18. 16:32

브라우저 언어 탐지

크롬에서는 아래 한가지만 실행된다.

navigator.languages
(4) ['ko-KR', 'ko', 'en-US', 'en']

navigator.language
'ko-KR'

[링크 : https://phrase.com/blog/posts/detecting-a-users-locale/]

 

[링크 : https://stackoverflow.com/questions/3894488/is-there-anyway-to-detect-os-language-using-javascript]

[링크 : https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language]

저작자표시

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

bootstrap table 정렬기능  (0) 2024.01.26
bootstrap modal  (0) 2024.01.23
javascript exif 정보 얻기  (0) 2023.11.29
chart.js multi y axis  (0) 2023.09.27
웹 브라우저 10080 포트 접근 차단 이유  (0) 2023.08.03
Posted by 구차니
Programming/web 관련2023. 11. 29. 15:23

javascript exif 정보 얻기

exif의 orientation 정보를 이용하여

웹에서 이미지를 정상적인 방향으로 출력할 수 있을 듯?

[링크 : https://github.com/exif-js/exif-js]

 

const orientation = EXIF.getTag( fileInfo, "Orientation" );

[링크 : https://blog.naver.com/hj_kim97/222309039397]

저작자표시

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

bootstrap modal  (0) 2024.01.23
브라우저 언어 탐지  (0) 2024.01.18
chart.js multi y axis  (0) 2023.09.27
웹 브라우저 10080 포트 접근 차단 이유  (0) 2023.08.03
javascript 배열을파일로 저장하기  (0) 2023.08.02
Posted by 구차니
Programming/web 관련2023. 9. 27. 11:12

chart.js multi y axis

엑셀이나 오픈오피스(리브레오피스) calc 에서 그래프 그릴때 많이 사용하는 다축 그래프

 

생각외로 어렵진 않은데, 런타임중에(초기화 이후) 변경이 가능한진 모르겠다

const config = {
  type: 'line',
  data: data,
  options: {
    responsive: true,
    interaction: {
      mode: 'index',
      intersect: false,
    },
    stacked: false,
    plugins: {
      title: {
        display: true,
        text: 'Chart.js Line Chart - Multi Axis'
      }
    },
    scales: {
      y: {
        type: 'linear',
        display: true,
        position: 'left',
      },
      y1: {
        type: 'linear',
        display: true,
        position: 'right',

        // grid line settings
        grid: {
          drawOnChartArea: false, // only want the grid lines for one axis to show up
        },
      },
    }
  },
};

const DATA_COUNT = 7;
const NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};

const labels = Utils.months({count: 7});
const data = {
  labels: labels,
  datasets: [
    {
      label: 'Dataset 1',
      data: Utils.numbers(NUMBER_CFG),
      borderColor: Utils.CHART_COLORS.red,
      backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),
      yAxisID: 'y',
    },
    {
      label: 'Dataset 2',
      data: Utils.numbers(NUMBER_CFG),
      borderColor: Utils.CHART_COLORS.blue,
      backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),
      yAxisID: 'y1',
    }
  ]
};

[링크 : https://www.chartjs.org/docs/latest/samples/line/multi-axis.html]

저작자표시

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

브라우저 언어 탐지  (0) 2024.01.18
javascript exif 정보 얻기  (0) 2023.11.29
웹 브라우저 10080 포트 접근 차단 이유  (0) 2023.08.03
javascript 배열을파일로 저장하기  (0) 2023.08.02
Canvas2D: Multiple readback operations using getImageData  (0) 2023.07.24
Posted by 구차니
Programming/web 관련2023. 8. 3. 12:34

웹 브라우저 10080 포트 접근 차단 이유

크롬과 파이어폭스에서 둘다 막혀서 에러를 보니

ERR_UNSAFE_PORT

 

어떤 포트인가 해서 찾아보니 NAT slipstreaming 이라는 공격 기법의 주요 포트여서 막힌 듯.

포트 10080 NAT Slipstreaming 공격을 방지합니다

[링크 : https://itigic.com/ko/chrome-blocks-tcp-port-10080-to-prevent-attacks/]

 

7000 번 이하의 well known 포트는 거진 막아버린건가?

[링크 : https://blog.naver.com/celine2011/220973349118]

 

저작자표시

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

javascript exif 정보 얻기  (0) 2023.11.29
chart.js multi y axis  (0) 2023.09.27
javascript 배열을파일로 저장하기  (0) 2023.08.02
Canvas2D: Multiple readback operations using getImageData  (0) 2023.07.24
webGPU  (0) 2023.05.18
Posted by 구차니
Programming/web 관련2023. 8. 2. 14:52

javascript 배열을파일로 저장하기

blob 으로 하면 저장은 되는데, 옵션을 주어서 파일 유형을 골라줘야 할 듯.

arr = [1,2,3,4,5,100]
(6) [1, 2, 3, 4, 5, 100]
var blob = new Blob(arr)
window.open(URL.createObjectURL(blob))

 

url에 blob이 붙어서 신기하네

[링크 : https://blog.naver.com/nan17a/222058843806]

 

var aFileParts = ['<a id="a"><b id="b">hey!</b></a>'];
var oMyBlob = new Blob(aFileParts, {type : 'text/html'}); // the blob
window.open(URL.createObjectURL(oMyBlob));

[링크 : https://stackoverflow.com/questions/13405129/create-and-save-a-file-with-javascript]

저작자표시

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

chart.js multi y axis  (0) 2023.09.27
웹 브라우저 10080 포트 접근 차단 이유  (0) 2023.08.03
Canvas2D: Multiple readback operations using getImageData  (0) 2023.07.24
webGPU  (0) 2023.05.18
chart.js log 스케일  (0) 2023.03.31
Posted by 구차니

티스토리툴바