+ it ops db mysql MySQL character set 확인 및 변경언제나 한글 깨짐 문제로 인한 캐릭터 셋 확인 및 변경 작업이 많다.일단 DB에 저장된 한글이 클라이언트에서 안 보이는 경우는 클라이언트의 인코딩 값을 변경해서 조치를 할 수 있다.그러나 저장 당시의 인코딩 값이 서로 다른 한글이 들어가 있을 경우는 어떤 한글은 정상적으로 보이지만, 어떤 한글은 깨져서 보이는 경우가 발생하게 된다.MySQL은 기본으로 서버 캐릭터 셋이 latin1으로 설정 되어 있어서 DB 생성 시 캐릭터 셋 값을 지정해주지 않으면 latin1으로 생성이 된다. Character set ?사용하는 언어를 표현하기 위한 문자들의 집합을 의미. 한글을 표현하기 위하여 사용하는 캐릭터 셋에는 여러가지가 존재 한다.Encoding ?Character Set을 컴퓨터가 이해할 수 있는 바이트와 .. wono | discuss | tweet + it ops db mysql [MySQL]MySQL 초기 설정(데이터베이스 생성, 계정 생성, 권한 설정)MySQL 기초 - 데이터베이스(DataBase) - MySQL 초기 설정 - 데이터 베이스 목록 확인 - 데이터 ... wono | discuss | tweet + it ops aws ec2 ec2 용량 full일 때 대처법용량 꽉참. ( df -h 로 확인.)루트볼륨 늘리기 (EBS 용량 늘리기)파티션 크기 늘리기 ( growpart 명령)파일시스템 크기 늘리기 (ext4일 경우 resize2fs 명령)끝보면 현재 용량이 꽉 차있다..EBS 콘솔에서 내 볼륨 우클릭 후 수정해서 크기를 wono | discuss | tweet + it ops mysql db [DB/MySQL] MySQL 8.0 초기 환경 세팅 및 최초 구성 방법 : MacOS해당 글에서는 MySQL을 최초 설치하고 GUI 툴인 workbench를 통해서 연결하여 간단한 테이블을 만드는 방법에 대해 이해를 돕기 위해 작성한 글입니다. 1) MySQL Workbench 설치 💡 MySQL Workbench 설치 - MySQL Workbench는 데이터베이스를 시각적으로 관리할 수 있는 GUI 도구입니다. 1. 아래 사이트에 접속하여 workbench를 다운로드합니다. 💡 아래 사이트에 접속하여 workbench를 다운로드합니다. - M1 프로세서를 사용하고 있어서 macOS(ARM)을 설치합니다. MySQL :: Download MySQL Workbench Select Operating System: Select Operating System… Microsoft Windows .. wono | discuss | tweet + 보안 산업 전자서명 [전자서명] 심플하지만 강력한 전자서명 모듈 개발 프로세스.1. 공인인증서나 PASS를 통해서 CI, 혹은 인증서 값을 가져온다. 2. 이를 기반으로, 해당 문서 서명을 대신할 수 있다. (특히 법적인 효력이 필요한 서비스) - 인증서값 & HASH = 암호화값 - (현재 대개의 전자계약의 방식이다) 3. 여기에 전자서명을 추가한다. UI상, React로 전자서명을 추가하여, 사용자의 인증필서를 받고 (signature-pad 사용) 1. ( 인증서값 + 전자서명 데이터 ) & HASH => 암호화 값 2. (인증서값 + 전자서명 데이터 ) & 개인키 => 암호화된 값 2번과 같이 개인키 공개키 암호화 방식을 사용할 수 있다. (KISA에서 그나마 쉽게 승인해줄듯..) 이때 가장 중요한 것은 (법적으로), 사용자가 서명한 자체이다. (그리고 그 데이터) 4. 즉.. wono | discuss | tweet + 보안 산업 전자서명 임상시험 제넥신, 메디데이터 전자동의서 솔루션 도입생명과학 임상연구를 위한 클라우드 기반 솔루션을 제공하는 메디데이터(Medidata)는 생명공학기업 제넥신이 면역치료제 GX-I7의 코로나19 치료제 개발 임상시험과 코로나19 DNA 백신 후보물질 임상시험에 메디데이터의 전자동의서(eConsent) 솔루션을 비롯한 레이브 클리니컬 클라우드를 도입했다고 11월 23일 밝혔다. 제넥신은 범부처신약개발사업단의 ‘코로나19 백신 임상지원’ 사업의 주관 연구기관으로, 백신 GX-19의 임상 1∙2a상을 통해 안정성과 면역반응을 확인한 후 2b∙3상을 위한 시료 생산 및 공정 개발을 진행할 예정이다. 또한, 2상부터는 인도네시아, 터키 등 해외 파트너사와 대규모 임상을 계획 중이다. 코로나19 치료제로 개발중인 면역치료제 GX-I7(NT-17)은 국내에서는 wono | discuss | tweet + 보안 산업 전자서명 임상시험 eConsent | 스페로(Spero)대면/비대면 원격 설명 및 동의서명 절차 진행이 가능한 전자 동의서 솔루션 - EDC/DDC 자동 등록 및 PDF 업로드 기능 지원 wono | discuss | tweet + 보안 산업 전자서명 전자서명, 전자문서 법적 효력의 모든 것 (2024 최신판) - 이폼사인 | 블로그전자문서, 전자서명을 통해 전자계약을 체결하는 것, 더 이상 낯설지 않은 일입니다. 최근에는 전자문서법의 추가 개정안 입법이 예고되기도 했습니다. 이번 포스팅에서는 전자서명, 전자문서가 법적 효력을 가지는지 최신 정보와 함께 알아보겠습니다. ■ 전자문서, 법적 효력이 있나요? 전자문서법에 따르면 요건을 갖춘 전자문서는 서면과 동일한 법적 효력을 지닙니다. 내용을 열람할 수 있고, 작성·변환·송신·저장되었을 때의 형태 또는 그와 같이 재현될 … wono | discuss | tweet + 산업 벤처 스타트업 화장품 셀프코스 [2023 광운창업지원센터 스타트업 CEO] 화장품 개발 플랫폼 ‘셀프코스’를 운영하는 스타트업 ‘코스원에이아이’https://selfcos.com/ wono | discuss | tweet + 산업 임상 용어 잡기 임상시험 DB 관련 용어 wono | discuss | tweet + 생활 컴퓨터 노트북 절전 [윈도우11 Ver.] 노트북 덮개 닫아도 절전모드로 전환되지 않도록 설정하는 방법노트북 덮개를 닫아도 노트북이 절전모드로 전환되지 않도록 설정하는 방법에 대해 알아보겠습니다. 우리가 사용하는 노트북 대부분 덮개를 덮거나 또는 사용하지 않는 상태에서 시간이 지나면 절전모드로 전환되도록 설정되어 있습니다. 에너지 절약 차원에서 사용하지 않는 PC라고 인식하면 절전모드로 전환되도록 기본적인 세팅이 되어 있는데요. 긴 작업을 해야 되는 상황이거나 회사 PC의 경우 노트북을 켜놓은 상태로 퇴근해야 하는 경우가 있습니다. 이러한 분들을 위해 노트북 덮개를 닫아도 노트북이 켜진 상태 그대로 유지될 수 있는 방법을 알아보겠습니다. 1. 제어판에서 절전모드 설정하는 방법 1) [제어판 > 전원옵션 > 덮개를 닫으면 수행되는 작업] 선택 2) [덮개를 닫을 때] 설정을 '아무 것도 안 함'으로 설정 .. wono | discuss | tweet + it blog typescript I've been writing TypeScript without understanding itI admit, I don’t really understand TypeScript The other day, I was stuck with a bug in... Tagged with typescript, javascript, tutorial, learning. wono | discuss | tweet + it dev react [React] 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)React에서는 Form을 다루는 2가지 방법이 있는데, 바로 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)이다. 과연 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)는 무엇인지 지금부터 알아보도록 하자. 1. 제어 컴포넌트(Controlled Component) 💡 React 공식 문서에서 제어 컴포넌트(Controlled Component)에 대한 설명은 다음과 같다. 제어 컴포넌트는 사용자의 입력을 기반으로 자신의 state를 관리하고 업데이트합니다. React에서는 변경할 수 있는 state가 일반적으로 컴포넌트의 state 속성에 유지되며 setState()에 의.. wono | discuss | tweet + it dev react form hook resolvers [React] react-hook-form으로 폼 관리하기React Hook Form은 사용자 입력을 받고 검증하는 것을 도와 주는 라이브러리로, React에서 폼을 관리하는 가장 유명한 라이브러리 중 하나입니다. React Hook Form을 사용하면 사용자에게 입력을 받고 검증하는데 드는 시간을 줄일 뿐만 아니라 더불어 성능까지 두 마리 토끼를 모두 잡을 수 있습니다. wono | discuss | tweet + it dev shadcnui dialog [shadcn/ui] Dialog, Alert Dialog Component 구현기🍀 목차Shadcn/ui Dialog(+Alert Dialog) 뜯어보기 & 속성 설명UI 커스텀과 작성한 스토리회고 개요 Modal Component는 현재 제품에서 가장 많이 쓰이는 컴포넌트 중 하나다. Avatar Component처럼 처음부터 인터페이스 제작 -> UI 구현까지 하기에는 시간이 부족하여 shadcn/ui의 Dialog, Alert Dialog를 제품에 맞게 커스텀하기로 결정하였다.시작하기에 앞서 Modal, Confirm, Alert의 차이를 알아봤다.Modal : 주의가 필요하거나 추가 정보를 제공하는 팝업 콘텐츠. 텍스트, 양식 입력 같은 다른 대화형 요소를 포함할 수 있고 사용자가 Modal 외부를 클릭하거나 특정 버튼(닫기, 취소, 저장)을 클릭할 때까지 다른 인터페이.. wono | discuss | tweet + it dev tailwindcss prettier Automatic Class Sorting with Prettier - Tailwind CSSPeople have been talking about the best way to sort your utility classes in Tailwind projects for at least four years. Today we’re excited to announce that you can finally stop worrying about it with the release of our official Prettier plugin for Tailwind CSS. wono | discuss | tweet + it dev zustand typescript TypeScript Guide - Zustand wono | discuss | tweet + it tip javascript Rename object keys of return object wono | discuss | tweet + 컴퓨터 모니터 생활 잡기 정보 화면색 물빠진 느낌있으면 이설정 건들여 보세요 > 팁 강좌 | 쿨엔조이미세먼지 팁 하나 날립니다. 약간 화면이 물빠진색? 느낌이 드시는분 있을탠데 패널자체 문제일수도 있지만 "출력 동적 범위" 가 "제한"으로 되있면 일반적은 컴퓨터 모니터는 물빠진 느낌이 듭니다. 원인은 일반컴퓨터 모니터는 색표현은 0~255 단위(전체)로 표현하지만, … wono | discuss | tweet + 생활 잡기 개발 생산성 코드 작성 시간 절반으로 줄여줄 5가지 개발 툴 | 요즘IT여러분은 매일 코드 작성과 디버깅에 얼마나 많은 시간을 소비하나요? 지금부터 소개해 드릴 AI와 자동화 툴 5가지만 제대로 활용해도 그 시간을 절반으로 줄일 수 있습니다. 개발자의 하루는 해결해야 할 문제로 가득하니까요. 코드 작성을 도와주는 GitHub Copilot부터 코드 품질을 한눈에 개선해 주는 SonarQube까지. 이 툴들은 어떻게 여러분의 개발 생산성과 코드 품질을 끌어올려 줄까요? wono | discuss | tweetNext
+ it ops db mysql MySQL character set 확인 및 변경언제나 한글 깨짐 문제로 인한 캐릭터 셋 확인 및 변경 작업이 많다.일단 DB에 저장된 한글이 클라이언트에서 안 보이는 경우는 클라이언트의 인코딩 값을 변경해서 조치를 할 수 있다.그러나 저장 당시의 인코딩 값이 서로 다른 한글이 들어가 있을 경우는 어떤 한글은 정상적으로 보이지만, 어떤 한글은 깨져서 보이는 경우가 발생하게 된다.MySQL은 기본으로 서버 캐릭터 셋이 latin1으로 설정 되어 있어서 DB 생성 시 캐릭터 셋 값을 지정해주지 않으면 latin1으로 생성이 된다. Character set ?사용하는 언어를 표현하기 위한 문자들의 집합을 의미. 한글을 표현하기 위하여 사용하는 캐릭터 셋에는 여러가지가 존재 한다.Encoding ?Character Set을 컴퓨터가 이해할 수 있는 바이트와 .. wono | discuss | tweet
+ it ops db mysql [MySQL]MySQL 초기 설정(데이터베이스 생성, 계정 생성, 권한 설정)MySQL 기초 - 데이터베이스(DataBase) - MySQL 초기 설정 - 데이터 베이스 목록 확인 - 데이터 ... wono | discuss | tweet
+ it ops aws ec2 ec2 용량 full일 때 대처법용량 꽉참. ( df -h 로 확인.)루트볼륨 늘리기 (EBS 용량 늘리기)파티션 크기 늘리기 ( growpart 명령)파일시스템 크기 늘리기 (ext4일 경우 resize2fs 명령)끝보면 현재 용량이 꽉 차있다..EBS 콘솔에서 내 볼륨 우클릭 후 수정해서 크기를 wono | discuss | tweet
+ it ops mysql db [DB/MySQL] MySQL 8.0 초기 환경 세팅 및 최초 구성 방법 : MacOS해당 글에서는 MySQL을 최초 설치하고 GUI 툴인 workbench를 통해서 연결하여 간단한 테이블을 만드는 방법에 대해 이해를 돕기 위해 작성한 글입니다. 1) MySQL Workbench 설치 💡 MySQL Workbench 설치 - MySQL Workbench는 데이터베이스를 시각적으로 관리할 수 있는 GUI 도구입니다. 1. 아래 사이트에 접속하여 workbench를 다운로드합니다. 💡 아래 사이트에 접속하여 workbench를 다운로드합니다. - M1 프로세서를 사용하고 있어서 macOS(ARM)을 설치합니다. MySQL :: Download MySQL Workbench Select Operating System: Select Operating System… Microsoft Windows .. wono | discuss | tweet
+ 보안 산업 전자서명 [전자서명] 심플하지만 강력한 전자서명 모듈 개발 프로세스.1. 공인인증서나 PASS를 통해서 CI, 혹은 인증서 값을 가져온다. 2. 이를 기반으로, 해당 문서 서명을 대신할 수 있다. (특히 법적인 효력이 필요한 서비스) - 인증서값 & HASH = 암호화값 - (현재 대개의 전자계약의 방식이다) 3. 여기에 전자서명을 추가한다. UI상, React로 전자서명을 추가하여, 사용자의 인증필서를 받고 (signature-pad 사용) 1. ( 인증서값 + 전자서명 데이터 ) & HASH => 암호화 값 2. (인증서값 + 전자서명 데이터 ) & 개인키 => 암호화된 값 2번과 같이 개인키 공개키 암호화 방식을 사용할 수 있다. (KISA에서 그나마 쉽게 승인해줄듯..) 이때 가장 중요한 것은 (법적으로), 사용자가 서명한 자체이다. (그리고 그 데이터) 4. 즉.. wono | discuss | tweet
+ 보안 산업 전자서명 임상시험 제넥신, 메디데이터 전자동의서 솔루션 도입생명과학 임상연구를 위한 클라우드 기반 솔루션을 제공하는 메디데이터(Medidata)는 생명공학기업 제넥신이 면역치료제 GX-I7의 코로나19 치료제 개발 임상시험과 코로나19 DNA 백신 후보물질 임상시험에 메디데이터의 전자동의서(eConsent) 솔루션을 비롯한 레이브 클리니컬 클라우드를 도입했다고 11월 23일 밝혔다. 제넥신은 범부처신약개발사업단의 ‘코로나19 백신 임상지원’ 사업의 주관 연구기관으로, 백신 GX-19의 임상 1∙2a상을 통해 안정성과 면역반응을 확인한 후 2b∙3상을 위한 시료 생산 및 공정 개발을 진행할 예정이다. 또한, 2상부터는 인도네시아, 터키 등 해외 파트너사와 대규모 임상을 계획 중이다. 코로나19 치료제로 개발중인 면역치료제 GX-I7(NT-17)은 국내에서는 wono | discuss | tweet
+ 보안 산업 전자서명 임상시험 eConsent | 스페로(Spero)대면/비대면 원격 설명 및 동의서명 절차 진행이 가능한 전자 동의서 솔루션 - EDC/DDC 자동 등록 및 PDF 업로드 기능 지원 wono | discuss | tweet
+ 보안 산업 전자서명 전자서명, 전자문서 법적 효력의 모든 것 (2024 최신판) - 이폼사인 | 블로그전자문서, 전자서명을 통해 전자계약을 체결하는 것, 더 이상 낯설지 않은 일입니다. 최근에는 전자문서법의 추가 개정안 입법이 예고되기도 했습니다. 이번 포스팅에서는 전자서명, 전자문서가 법적 효력을 가지는지 최신 정보와 함께 알아보겠습니다. ■ 전자문서, 법적 효력이 있나요? 전자문서법에 따르면 요건을 갖춘 전자문서는 서면과 동일한 법적 효력을 지닙니다. 내용을 열람할 수 있고, 작성·변환·송신·저장되었을 때의 형태 또는 그와 같이 재현될 … wono | discuss | tweet
+ 산업 벤처 스타트업 화장품 셀프코스 [2023 광운창업지원센터 스타트업 CEO] 화장품 개발 플랫폼 ‘셀프코스’를 운영하는 스타트업 ‘코스원에이아이’https://selfcos.com/ wono | discuss | tweet
+ 생활 컴퓨터 노트북 절전 [윈도우11 Ver.] 노트북 덮개 닫아도 절전모드로 전환되지 않도록 설정하는 방법노트북 덮개를 닫아도 노트북이 절전모드로 전환되지 않도록 설정하는 방법에 대해 알아보겠습니다. 우리가 사용하는 노트북 대부분 덮개를 덮거나 또는 사용하지 않는 상태에서 시간이 지나면 절전모드로 전환되도록 설정되어 있습니다. 에너지 절약 차원에서 사용하지 않는 PC라고 인식하면 절전모드로 전환되도록 기본적인 세팅이 되어 있는데요. 긴 작업을 해야 되는 상황이거나 회사 PC의 경우 노트북을 켜놓은 상태로 퇴근해야 하는 경우가 있습니다. 이러한 분들을 위해 노트북 덮개를 닫아도 노트북이 켜진 상태 그대로 유지될 수 있는 방법을 알아보겠습니다. 1. 제어판에서 절전모드 설정하는 방법 1) [제어판 > 전원옵션 > 덮개를 닫으면 수행되는 작업] 선택 2) [덮개를 닫을 때] 설정을 '아무 것도 안 함'으로 설정 .. wono | discuss | tweet
+ it blog typescript I've been writing TypeScript without understanding itI admit, I don’t really understand TypeScript The other day, I was stuck with a bug in... Tagged with typescript, javascript, tutorial, learning. wono | discuss | tweet
+ it dev react [React] 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)React에서는 Form을 다루는 2가지 방법이 있는데, 바로 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)이다. 과연 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)는 무엇인지 지금부터 알아보도록 하자. 1. 제어 컴포넌트(Controlled Component) 💡 React 공식 문서에서 제어 컴포넌트(Controlled Component)에 대한 설명은 다음과 같다. 제어 컴포넌트는 사용자의 입력을 기반으로 자신의 state를 관리하고 업데이트합니다. React에서는 변경할 수 있는 state가 일반적으로 컴포넌트의 state 속성에 유지되며 setState()에 의.. wono | discuss | tweet
+ it dev react form hook resolvers [React] react-hook-form으로 폼 관리하기React Hook Form은 사용자 입력을 받고 검증하는 것을 도와 주는 라이브러리로, React에서 폼을 관리하는 가장 유명한 라이브러리 중 하나입니다. React Hook Form을 사용하면 사용자에게 입력을 받고 검증하는데 드는 시간을 줄일 뿐만 아니라 더불어 성능까지 두 마리 토끼를 모두 잡을 수 있습니다. wono | discuss | tweet
+ it dev shadcnui dialog [shadcn/ui] Dialog, Alert Dialog Component 구현기🍀 목차Shadcn/ui Dialog(+Alert Dialog) 뜯어보기 & 속성 설명UI 커스텀과 작성한 스토리회고 개요 Modal Component는 현재 제품에서 가장 많이 쓰이는 컴포넌트 중 하나다. Avatar Component처럼 처음부터 인터페이스 제작 -> UI 구현까지 하기에는 시간이 부족하여 shadcn/ui의 Dialog, Alert Dialog를 제품에 맞게 커스텀하기로 결정하였다.시작하기에 앞서 Modal, Confirm, Alert의 차이를 알아봤다.Modal : 주의가 필요하거나 추가 정보를 제공하는 팝업 콘텐츠. 텍스트, 양식 입력 같은 다른 대화형 요소를 포함할 수 있고 사용자가 Modal 외부를 클릭하거나 특정 버튼(닫기, 취소, 저장)을 클릭할 때까지 다른 인터페이.. wono | discuss | tweet
+ it dev tailwindcss prettier Automatic Class Sorting with Prettier - Tailwind CSSPeople have been talking about the best way to sort your utility classes in Tailwind projects for at least four years. Today we’re excited to announce that you can finally stop worrying about it with the release of our official Prettier plugin for Tailwind CSS. wono | discuss | tweet
+ 컴퓨터 모니터 생활 잡기 정보 화면색 물빠진 느낌있으면 이설정 건들여 보세요 > 팁 강좌 | 쿨엔조이미세먼지 팁 하나 날립니다. 약간 화면이 물빠진색? 느낌이 드시는분 있을탠데 패널자체 문제일수도 있지만 "출력 동적 범위" 가 "제한"으로 되있면 일반적은 컴퓨터 모니터는 물빠진 느낌이 듭니다. 원인은 일반컴퓨터 모니터는 색표현은 0~255 단위(전체)로 표현하지만, … wono | discuss | tweet
+ 생활 잡기 개발 생산성 코드 작성 시간 절반으로 줄여줄 5가지 개발 툴 | 요즘IT여러분은 매일 코드 작성과 디버깅에 얼마나 많은 시간을 소비하나요? 지금부터 소개해 드릴 AI와 자동화 툴 5가지만 제대로 활용해도 그 시간을 절반으로 줄일 수 있습니다. 개발자의 하루는 해결해야 할 문제로 가득하니까요. 코드 작성을 도와주는 GitHub Copilot부터 코드 품질을 한눈에 개선해 주는 SonarQube까지. 이 툴들은 어떻게 여러분의 개발 생산성과 코드 품질을 끌어올려 줄까요? wono | discuss | tweet