[eslint] anchor 태그 <a /> 를 버튼 처럼 사용하는 것을 허용
.eslintrc 파일에 추가 { "rules": { … "jsx-a11y/anchor-is-valid": 0 } }
[링크] 웹 개발 시간을 줄여주는 팁 4가지
design mode 변수 교체 javascript performance.now() debugger 코드 원문 https://yozm.wishket.com/magazine/detail/1585/
[javascript] 객체(object)를 완전히 상수화(constants) 하기 (deepFreeze)
const 선언으로는 변수 바인딩을 고정할 수 있지만, 해당 변수의 값이 object일 경우, object 내의 값이 변경되는 것을 막을 수는 없다. Object.freeze()로는 1depth까지는 막을 수 있어도 2depth 이상은 막을 수 없다. 그래서 찾아보니 deep freeze를 구현한 구현체가 npm에 존재했다. https://www.npmjs.com/package/deep-freeze
[링크] mybatis 에서 package 단위의 typealias를 정의할 때 wildcard (*) 사용하기
요약 아래의 형태 가능 (since mybatis-spring 2.0.1) mybatis.type-aliases-package=com.example.**.model mybatis.type-handlers-package=com.example.*.typehandler mybatis-config.xml 에서는 지원하지 않음 그냥 mybatis 가 아니라 mybatis-spring에서 지원하는 기능이기 때문 원글 https://github.com/mybatis/spring-boot-starter/issues/314
[링크] java 병렬 프로그래밍 관련 (concurrent, multi thread..)
Double-Checked Locking with Singleton Double-checked Locking Pattern (DCLP) 을 쓰지 말아야 하는 이유 Java volatile이란?
[링크] 자바 제네릭 (java generic)
https://www.baeldung.com/java-generics
CORS 상황에서 ajax response로 쿠키(cookie)를 생성할 때 생성되지 않는 경우 (인증/토큰/token)
ajax option에 xhrfields : {withCredentials : true} 를 주자 서버사이드에서는 (ex: 웹서버) 아래의 Http Header 설정도 필요하다. Access-Control-Allow-Credentials : true Access-Control-Allow-Origin : http://aaa.com => withCredentials의 true인 경우에는 asterisk(*)를 사용할 수 없고 도메인을 명시/나열해야 한다. 쿠키를 생성했다고 해도, CORS 요청일 경우에는 쿠키가 전혀 전송되지 않음에 주의하자.
[링크] HTTP Status 정리
https://activeks.tistory.com/entry/ks-life
[링크] React Query에서 staleTime과 cacheTime의 차이
https://velog.io/@yrnana/React-Query%EC%97%90%EC%84%9C-staleTime%EA%B3%BC-cacheTime%EC%9D%98-%EC%B0%A8%EC%9D%B4
크롬에서 ajax 요청시 ‘NET::ERR_CERT_AUTHORITY_INVALID’ 에러 발생할 경우
내 경우는 self-signed SSL certificate 를 사용했을 때였는데, chrome 개발자도구에서 해당 ajax의 링크를 새 탭으로 열어 ‘무시하고 이동’을 한 번 수행해 주니 또 잘 넘어갔다. 참고 https://kinsta.com/knowledgebase/neterr-cert-authority-invalid/
[node.js] 초간단 api 서버 샘플코드
환경 node 16.15.1 package.json { "name": "test-mock-server", "main": "app.js", "packageManager": "[email protected]", "dependencies": { "cors": "^2.8.5", "express": "^4.18.1" } } app.js var express = require("express"); var cors = require("cors"); var app = express(); app.listen(4000, () => { console.log("Server running on port 4000"); }); app.use(cors()); app.get("/testList", (req, res, next) => { res.json({ data: { list: [ {… Read More »
[링크] 리액트(React) 개념 정리
[javascript] 의존성 관리 [javascript] 성능 최적화 [javascript] 디버깅 React Hooks: useRef 사용법 React useRef의 다양한 활용 방법(mutable object, callback ref와 forwardRef)
[링크] 버전 생성 규칙 semver (Semantic Versioning)
https://semver.org/
[펌글] SpringDoc (swagger 생성기) 을 노출하지 않기 (운영환경에서 필요할 듯)
Hi, This feature will be added on v1.2.12, of springdoc-openapi. This property helps you disable only the ui. springdoc.swagger-ui.enabled=false The following property, will help you disable the api-docs Rest endpoints as well: springdoc.api-docs.enabled=false 출처 https://github.com/springdoc/springdoc-openapi/issues/191
[링크] [리액트] 두번 렌더링 되는 이슈에 대하여(Feat.StrictMode, Twice)
https://all-dev-kang.tistory.com/entry/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%91%90%EB%B2%88-%EB%A0%8C%EB%8D%94%EB%A7%81-%EB%90%98%EB%8A%94-%EC%9D%B4%EC%8A%88%EC%97%90-%EB%8C%80%ED%95%98%EC%97%ACFeatStrictMode
[링크] [java/spring] 쿼리 로그 출력시 파라미터 값이 바인딩된 채로 출력되게 하는 방법 (parameter bound query sql log) – log4jdbc-log4j2
https://rimkongs.tistory.com/312 이게 2013년 이후 업데이트가 끊긴 라이브러리라 최근에는 사용할 수 없을 거라고 막연히 생각했었는데, 웬걸, 2022년 지금도 잘 돌아가고 있는 모양이다. 괜히 p6spy 쓴다고 낑낑댄 건 아닌지 모르겠다. 심지어 이넘은 쿼리 결과도 테이블 모양으로 이쁘게 찍어준다.
[링크] vite 프로젝트(project) 생성 템플릿(template) 모음(curation) 사이트 (react, vue…)
https://github.com/vitejs/awesome-vite
[링크] [typescript] type/interface 에서 일부 필드의 타입을 변경(override) 하기 (Omit 과 & 사용)
https://stackoverflow.com/questions/41285211/overriding-interface-property-type-defined-in-typescript-d-ts-file
[링크] Typescript에서 window 객체에 property 추가하기
https://velog.io/@kineo2k/Typescript%EC%97%90%EC%84%9C-window-%EA%B0%9D%EC%B2%B4%EC%97%90-property-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0 참고 위 내용을 찾아봤던 이유는, header/footer.tsx 에 속한 함수를 어떻게 호출할 방법이 없을까 찾아보다가 window객체의 프로퍼티로 함수를 편입시키는 방법을 알게 되었기 때문이었음.
FinalBurn Alpha 에서 rom 디렉토리를 제대로 지정하고 scan 했는데도 목록이 표시되지 않을 경우
select game 팝업창의 우측 filters 에서 Favorites 를 제외하고 모두 체크해 보자.