[React] table column width 지정하기 - colgroup을 활용하여
<colgroup>은 <table> 태그 내에서 각 열의 특성을 지정할 때 사용된다. 각 열의 너비 비율을 설정하기 위해서, 각 <col> 태그에 width를 설정해주었다. <table> <colgroup> <col width={"2%"} /> <col width...
<colgroup>은 <table> 태그 내에서 각 열의 특성을 지정할 때 사용된다. 각 열의 너비 비율을 설정하기 위해서, 각 <col> 태그에 width를 설정해주었다. <table> <colgroup> <col width={"2%"} /> <col width...
구현 목표 검색창을 클릭하면 자동 완성 검색어가 드롭다운으로 나타나, 빠른 검색이 가능하도록 만들기. 검색창을 클릭하면 자동 완성 검색어가 나타나고, 검색창 이외의 곳을 클릭할 때는 사라져야 함 자동 완성 검색어를 클릭하면 검색창에 자동으로 입력되어야 함 문제 상황 자동 완성 검색어를 클릭하면 검색창 밖을 클릭한 것으로 인식되어 드롭...
DNS Record 1) DNS A Record Domain Name을 IP 주소와 매핑해주는 레코드 DNS 레코드 중 가장 기본적인 레코드로, A는 Address를 의미한다. IPv4 주소에만 사용되며, IPv6는 AAAA record를 사용한다. Type Name Value TTL ...
HTML <iframe> 태그는 HTML 문서에 다른 문서를 삽입할 때 사용한다. 그러나 Google, Gmail, Naver 등의 페이지를 삽입하려고 하는 경우 아래처럼 연결을 허용하지 않는다. iframe 오류 원인 https://www.google.com을 iframe으로 삽입하고자 할 때, 크롬 개발자 도구의 Console 창...
인터넷이란? 인터넷은 전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망을 말한다. 인터넷의 시작 인터넷의 원형은 ARPANET(아파넷)으로 알려져 있는데, 이는 Vint Cerf(빈트 서프)와 Bob Kahn(밥 칸)이 설계한 세계 최초의 패킷교환방식을 이용한 네트워크이다. 냉전 시대였던 당시에는 핵공격에도 살아남을 수 있는 통신 시스템이 필요했...
Fully Convolutional Cross-Scale-Flows for Image-based Defect Detection를 읽고 작성하였습니다. 요약 CS-Flow는 fully convolutional Cross-Scale normalizing Flow를 뜻하며, 정상 이미지만을 학습해 이상치를 탐지하는 Anomaly Detection 모델 ...
Operating Systems: Three Easy Pieces를 읽고 정리한 글입니다. 운영체제란? 쉽게 말하면 운영체제(Operating System, OS)는 컴퓨터 프로그램이 잘 실행되도록 관리하는 소프트웨어이다. OS는 다음과 같은 역할을 한다. 프로그램을 쉽게 실행할 수 있게 하며, 우리 눈에 여러 프로그램이 동시에 실행되는 것...
PyTorch Optimizer 모델이 학습 단계에서 epoch를 거치면서 성능이 좋아지는 이유는 모델의 parameters를 조절해 loss 값을 줄이기 때문이다. 모델의 parameters에는 가중치(weight)와 편향(bias) 등이 있다. 가중치와 편향에 관한 글: https://jh2021.tistory.com/3 loss(손실...
inter-class variace vs inter-class variance 데이터 분석에서 데이터 분산을 표현할 때는 다음과 같은 용어를 사용한다. inter-class variance: class 간의 분산 intra-class variance: class 내부의 분산 예를 들어 아래의 그림을 보자!! a) inter-clas...
지킬 테마를 이용해서 블로그를 만들고 나니 폰트가 너무 마음에 안 들었다 .. 이 폰트 바꾸는 법 찾는 데만 며칠이 걸렸는데 …!! 하고 보니 아주 간단했다. 이 방법은 내가 사용한 Chirpy 테마 기준이지만, 다른 지킬 테마에도 적용할 수 있을 거라 생각한다. 폰트 고르기 Google Fonts에 접속해 원하는 폰트를 클릭하면 다음과 같이 스...