SimCoding

스터디 또는 스터디원을 찾는 개발자들을 위해 마련한 공간.. 우주 Like 스터디 "우주 라이크 스터디"는 자유롭게 스터디를 만들고, 참여할 수 있는 메타버스 공간입니다. 스터디 크루를 모집중입니다. 자유로운 시간에 모각코에 참여하셔도 좋고, 스터디 주제를 선정해 스터디 그룹을 운영하는 것도 좋습니다. 많은 IT 종사자 및 취준생, 학생분들이 온라인에서 모여 상호작용 하면서 스터디, 팀 빌딩 등의 활동을 할 수 있는 환경을 제공하는 것을 목표로, 계속해서 나은 환경을 만들기 위해 노력하고있습니다. 관심 있는 분들의 많은 참여로 활성화되었으면 하는 바람으로 글 남겨봅니다! 관심 있는 분들은 게시글 하단 링크를 클릭해서 접속해보세요! 아래 링크 클릭해서 바로 들어오실 수 있습니다! 우주라이크 스터디: htt..

startsWith 메소드를 활용해 다중 조건을 처리할 경우, 코드가 지저분해 질 수 있습니다. 아래는 예시코드입니다. if( request.url.startsWith('https://www.moducbt.com/') || request.url.startsWith('https://moducbt.com/') || request.url.startsWith('https://kauth.kakao.com/') || request.url.startsWith('https://accounts.kakao.com/') || request.url.startsWith('https://accounts.google.com/') ) { return NavigationDecision.navigate; } 간단한 유틸 함수를 만들어 ..

React 모바일 환경 키보드 화면가림 대응하기 window.visualViewport 를 활용해서, 모바일에서 키보드가 생기기 전,후의 높이 차이를 체크해 스크롤링 해주는 방식으로 키보드 화면 가림현상에 대응했다. @ 예시코드 useEffect(() => { if (window) { let prevVisualViewport = window.visualViewport?.height; const handleVisualViewportResize = () => { const currentVisualViewport = Number(window.visualViewport?.height); if ( prevVisualViewport && prevVisualViewport - 30 > currentVisualView..

Unable to find bundled Java version on Flutter 에러 해결 방법 , 맥북 m1 터미널에 아래와 같이 명령어를 입력해 경로를 이동해주세요. cd /Applications/Android Studio.app/Contents 아래 명령어를 입력해주세요 ln -s jbr jre Issue 1. 권한 문제가 발생한다면 sudo 명령어를 앞에 붙여주세요. sudo ln -s jbr jre Issue 2. 여전히 보안문제가 발생한다면 시스템셋팅을 바꿔줘야 합니다. System Settings > Privacy & Security > App Management > Terminal allow

[Javascript] concat vs spread-operator 성능 비교 두배열을 합칠 때, 주로 'concat' 혹은 spread-operator를 주로 사용한다. 그렇다면 어떨걸 사용하는게 좋을까 ? 결론부터 말하자면, concat을 쓸 수 있는 상황이라면 concat을 사용하는 것을 추천한다. 배열의 길이에 따른 3가지 테스트를 진행해봤다. 1) 길이가 5인 배열 2개를 합칠경우 https://www.measurethat.net/Benchmarks/ShowResult/367182 2) 길이가 500인 배열 2개를 합칠경우 https://www.measurethat.net/Benchmarks/ShowResult/367185 3) 길이가 50000인 배열 2개를 합칠경우 https://www.m..

[nodejs] graphql playground cookie 심는 방법 playground오른쪽 상단 셋팅버튼을 누른다. 아래와 같이 설정을 바꿔준다. { ..., "request.credentials": "include", ..., }

express - pm2 cluster 적용기 (1) 도입을 고려하게 된 이유 pm2 클러스터링 도입을 통해 서버의 성능과 안정성을 높일 수 있다. 오전 10시 반쯤 알수 없는 현상으로 서버가 다운되는 현상을 방지할 수 있을 것 같다. (2) 현재 서버의 문제점 nodejs가 기본적으로 싱글스레드 라는 점 때문에, cpu의 멀티코어 시스템을 사용할 수 없다. 이러한 이유로, cpu intensive한 작업(복잡한 계산, 트래픽 과다 등)을 하게 될 경우 요청처리가 딜레이 되거나 심할 경우 서버거 멈추는 현상까지 발생 할 수 있다. (3) 클러스터링 도입으로 인한 이점 클러스터 모듈을 통해 단일 프로세스를 멀티 프로세스로 늘림으로써, cpu의 멀티코어 시스템을 활용 할 수 있다. cpu작업량이 많아질 경우..

[VSC] *.ts,* .tsx 파일에서 prettier가 작동하지 않을 때 해결방법 vsc의 setting.json을 수정하면 됩니다. "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }