'Programming > javascript & HTML' 카테고리의 다른 글
| QR decoder로 로또 추첨하기 (0) | 2024.04.16 |
|---|---|
| javascript 집합(set) 내용 출력하기 (0) | 2024.04.16 |
| 자바스크립트 옵셔널 체이닝(optional chaining) (0) | 2024.04.08 |
| qr decoder part 2 (0) | 2024.04.07 |
| javascript groupby map (0) | 2024.03.12 |
| QR decoder로 로또 추첨하기 (0) | 2024.04.16 |
|---|---|
| javascript 집합(set) 내용 출력하기 (0) | 2024.04.16 |
| 자바스크립트 옵셔널 체이닝(optional chaining) (0) | 2024.04.08 |
| qr decoder part 2 (0) | 2024.04.07 |
| javascript groupby map (0) | 2024.03.12 |
간단하게
해당 필드(?)가 있는지 확인하고 읽을 필요 없이 바로 확인해서 출력해주는 연산자
편리하긴 한데.. 위험하지 않나 생각되네
| const adventurer = { name: 'Alice', cat: { name: 'Dinah', }, }; if( adventurer.dog != undefined) console.log(adventurer.dog); else console.log(undefined); undefined adventurer?.dog undefined |
| Optional chaining optional chaining 연산자 (?.) 는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있다. ?. 연산자는 . 체이닝 연산자와 유사하게 작동하지만, 만약 참조가 nullish (null 또는 undefined)이라면, 에러가 발생하는 것 대신에 표현식의 리턴 값은 undefined로 단락된다. 함수 호출에서 사용될 때, 만약 주어진 함수가 존재하지 않는다면, undefined를 리턴한다. 따라서 참조가 누락될 가능성이 있는 경우 연결된 속성으로 접근할 때 더 짧고 간단한 표현식이 생성된다. 어떤 속성이 필요한지에 대한 보증이 확실하지 않는 경우 객체의 내용을 탐색하는 동안 도움이 될 수 있다. |
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining]
함수나 객체에도 접근 가능하다.
| ?.() ?.[] |
[링크 : https://ko.javascript.info/optional-chaining]
[링크 : https://coding-farmer.tistory.com/4]
ES2020에 추가된 기능이라고
[링크 : https://pewww.tistory.com/27]
| javascript 집합(set) 내용 출력하기 (0) | 2024.04.16 |
|---|---|
| js split() (0) | 2024.04.12 |
| qr decoder part 2 (0) | 2024.04.07 |
| javascript groupby map (0) | 2024.03.12 |
| javascript 숫자 (0) | 2024.02.07 |
listen에서 accept 되면 write timeout은 조금 도외시 해도 되지 않을까 해서
read에만 timeout 하면 될 것 같아서 검색
| conn.SetReadDeadline(time.Now().Add(timeoutDuration)) |
[링크 : https://gist.github.com/hongster/04660a20f2498fb7b680]
| d := net.Dialer{Timeout: timeout} conn, err := d.Dial("tcp", addr) if err != nil { // handle error } |
[링크 : https://stackoverflow.com/questions/47117850/how-to-set-timeout-while-doing-a-net-dialtcp-in-golang]
| go vet (golang 정적분석) (0) | 2025.10.02 |
|---|---|
| golang 윈도우 서비스 프로그램 작성하기 (0) | 2025.02.18 |
| golang reflect (0) | 2024.02.20 |
| golang echo i18n (0) | 2024.02.19 |
| golang package (0) | 2024.02.19 |
| js split() (0) | 2024.04.12 |
|---|---|
| 자바스크립트 옵셔널 체이닝(optional chaining) (0) | 2024.04.08 |
| javascript groupby map (0) | 2024.03.12 |
| javascript 숫자 (0) | 2024.02.07 |
| 마우스로 테이블 열 변경하기 (0) | 2024.02.02 |
pnpm은 또 머냐..
중국어가 써있으니 먼가 쓰기가 꺼려지는건.. 왜 일까!?
[링크 : https://www.npmjs.com/package/qrcode-decoder]
개발자 도구로 봐서는 외부 통신 자체는 안하는 것 같다.
| electron asar 파일 (0) | 2025.08.26 |
|---|---|
| node excel export (0) | 2024.07.18 |
| node.js 웹소켓 채팅 서버 예제 (0) | 2022.07.14 |
| ubuntu 18.04 / nodej.s 18.x 실패 (0) | 2022.05.19 |
| 웹소켓 (0) | 2022.03.25 |
autofocus 만 입력해주면 알아서 autofocus=true로 설정된다.
| vue import "@" (0) | 2024.04.19 |
|---|---|
| vue webpack ckeditor (0) | 2024.04.19 |
| vue3 ckeditor5 document editor 추가하기 (0) | 2024.04.18 |
| vue proxy (0) | 2024.03.26 |
| vue.js i18n (0) | 2024.02.19 |
로컬에 저장만 되서 불러서 쓰는건 줄 알았는데
서버에 요청시 request header에 cookie의 내용들이 전부 포함되서 요청된다.
| HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는(stateless) HTTP 프로토콜에서 상태 정보를 기억시켜주기 때문입니다. |
[링크 : https://developer.mozilla.org/ko/docs/Web/HTTP/Cookies]
[링크 : https://velog.io/@msung99/인증관련-Header-그리고-쿠키Cookie]
| web worker (0) | 2024.07.19 |
|---|---|
| mirage.js - api mockup (0) | 2024.07.19 |
| let's encrypt 방식 (0) | 2024.02.02 |
| ajax session 인증 (0) | 2024.01.26 |
| bootstrap table 정렬기능 (0) | 2024.01.26 |
vue가 node.js를 이용하여 was로 작동하지만
엄밀하게는 프론트엔드만을 구현하는거라
실제 서버에서 작동하려면 REST 연동이 필요한데
localhost 에서 서버 돌리고 다른 url로 접근하려고 하면 CORS가 뜰 수 밖에 없다.
그래서 이럴때 proxy 설정을 이용하여
node.js WAS로 접근하면 해당 URL로 redirect 하듯이 해주는 기능인데
axios를 사용할 경우 baseurl을 쓰면 전환이 안되니 주의가 필요
| vue import "@" (0) | 2024.04.19 |
|---|---|
| vue webpack ckeditor (0) | 2024.04.19 |
| vue3 ckeditor5 document editor 추가하기 (0) | 2024.04.18 |
| vue 입력창 포커스 설정 (0) | 2024.03.28 |
| vue.js i18n (0) | 2024.02.19 |
오오.. 이런 좋은 함수가 생겨나다니!

[링크 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy]
[링크 : https://mong-blog.tistory.com/entry/array-object를-그룹화하는-방법reduce-group]
| 자바스크립트 옵셔널 체이닝(optional chaining) (0) | 2024.04.08 |
|---|---|
| qr decoder part 2 (0) | 2024.04.07 |
| javascript 숫자 (0) | 2024.02.07 |
| 마우스로 테이블 열 변경하기 (0) | 2024.02.02 |
| html video 재생종료 event (0) | 2023.09.02 |
event.set()
event.wait() 로 쓰레드간 통신을 한다는데
그냥 busy wait일 것 같은 느낌..
추가로 찾아는 봐야겠다.
[링크 : https://infinity-infor-age.tistory.com/entry/python-inter-thread-comm]
| python 사운드 장치 (0) | 2024.05.10 |
|---|---|
| docker를 이용하여 python 에서 opencv 돌리기 (0) | 2024.05.08 |
| cv2.ximgproc 없을 경우 (0) | 2024.02.28 |
| cv2.stereoBM + WLS (0) | 2024.02.28 |
| matplotlib animation (0) | 2024.02.28 |