본문 바로가기

전체 글

th>tr styling in antd of react antd는 table, button등 디자인된 component들을 제공하는 모듈입니다. antd table작업중, docs에는 를 styling하는 방법이 안나와 있어 약간 헤맸습니다. 그래서 오늘은 antd table의 th를 styling 하는 방법을 다뤄보겠습니다. 1. 개발자도구를 통해, 변경하고자 하는 tr의 class이름과 위치를 얻습니다 -그림1의 경우, class는 ant-table-thread이고 위치는 antd.css의 24947번째에 있습니다. 2. /node_modules/antd/{css파일}에 들어갑니다 -그림1의 경우 antd.css가 됩니다 3. 바꾸고자하는 class명에 속성값을 추가하거나 변경해줍니다 - 저는 padding을 추가해줬습니다 4. 다시 npm run dev.. 더보기
Error: Cannot find module 'yallist' node를 최신 버전으로 update했습니다. 설치 확인을 위해 'node -v, npm -v'을 실행했는데, npm -v이 안됩니다. npm version을 찾는데, module 문제라니;; 검색을 해봐도 딱히 나오는 글도 없어 약간 당황을 했습니다. 그냥 천천히 추적하기로 마음먹고 보니, npm module 문제면 reset하면 될거 같다 생각했습니다 (cache reset도 먹히지 않았습니다). 그래서 위 상황에서는 'C:\Users\SEC\AppData\Roaming\'의 npm 폴더를 삭제해주니 됐습니다ㅎㅎ 아무래도 node를 update하면서 npm module이 호환되지 않았고, node 재설치 해주듯이 npm 폴더도 reset해주니 됐던거 같습니다. 이상입니다! 더보기
kt에서 포트 포워딩 하는 방법 오늘은 alleh kt 환경에서 포트 포워딩 하는 방법을 익히도록 하겠습니다. alleh kt 환경은 두가지입니다. 1. 랜선(유선)으로 인터넷을 사용하는 경우 2. wifi module(무선)으로 인터넷을 사용하는 경우 먼저 무선인 경우를 다루겠습니다 1. 무선 1) homehub.olleh.com:8899/login.asp 에 들어가 로그인 합니다. (초기 정보, id: ktuser pw: homehub) 2) 외부 ip 구하기 네이버에 '내 ip'라 검색하거나, 1)에서 로그인 한 뒤에 인터넷 연결 정보 > ip 주소 정보를 기억합니다. 3) 내부 ip 구하기 - cmd창(window 환경)에 ipconfig를 칩니다 - 무선 LAN 어댑터 wifi > ip4 주소 를 기억합니다 4) 트레픽 관리 .. 더보기
내부 ip, 외부 ip, 포트 포워딩 cpu가 탑재되어 있는 디바이스(스마트폰, 컴퓨터...)는 모두 서버로 작동할 수 있습니다. 디바이스는 인터넷 연결시 ip를 부여 받는데, ip는 인터넷 망속에서 주소역할을 합니다. ip는 외부 ip, 내부 ip 두가지가 있습니다. 외부 ip는 외부에서 접근할때 사용되고, 내부 ip는 내부에서 접근할때 사용됩니다. 상황으로 더 상세히 설명해드리겠습니다. 그림 1에서 회사 a ip와 회사 b ip간 통신을 하려면 둘다 인터넷망에 있어야 합니다. 인터넷망 위에서 각 고유의 ip를 통해 상대방을 인식하고 통신합니다. 이때 사용되는 ip가 외부 ip입니다. 그리고 회사 a ip에 회사 a 컴퓨터 1, 2, 3이 붙어있는데, 회사 a ip는 어떤 디바이스가 연결되어있는지 식별하기 위해 각 ip를 부여하고 이를 내.. 더보기
typescript docs 번역본 #5 (Unions and Intersection Types) 아래 링크는 원본입니다. 해석이 부족해도 양해 부탁드립니다..ㅎㅎ www.typescriptlang.org/docs/handbook/unions-and-intersections.html Handbook - Unions and Intersection Types How to use unions and intersection types in TypeScript www.typescriptlang.org ``` 지금까지 handbook은 원자 객체인 type들을 다뤄왔습니다. 그러나 더 많은 타입을 만들수록, 스크래치로부터 그들을 만들기 보단 존재하는 type들을 결합하거나 짓도록 하는 툴들을 기대하는 자신을 발견할 것입니다. Intersection과 union type은 당신이 type을 짓는 방식 중 하나 입.. 더보기
미국채 10년물 금리 상승의 의미 지난 시간에 채권의 금리에 대해 얘기했습니다. 금리는 실질금리와 명목금리가 있는데, 보통 얘기되는 금리는 실질금리(채권 수익률)을 의미합니다. 그렇다면 요즘 화두인 미국채 10년물의 금리 상승은 무엇을 의미할까요? 금리 상승을 설명하기전에 미국채 금리가 주로 어떻게 움직이는지 보겠습니다. 미국채 10년물의 등락은 채권 투자자들에게 달렸습니다. 채권 투자자들이 매수를 하면 금리는 내려가고, 매도를 하면 금리는 올라갑니다. 매도를 하는 경우는 주로 두가지 입니다. 1. 금리 인상이 예상될때 2. 위험자산 수익률이 더 높을때 1번의 경우 금리 인상시 이전에 발행된 채권의 명목 금리보다 신규 발행된 명목 금리의 이자가 더 높기에 매도하고, 2번은 주식시장이 불타올라 위험자산(주식) 수익률이 더 높을때 매도를 합.. 더보기
typescript docs 번역본 #4 (Literal types) 아래 링크는 원본입니다. 해석이 부족해도 양해 부탁드립니다..ㅎㅎ www.typescriptlang.org/docs/handbook/literal-types.html Handbook - Literal Types Using literal types with TypeScript www.typescriptlang.org ``` 리터럴은 집합체 타입의 구체적인 하위 유형입니다. 이것이 의미하는 것은 “hellow world”는 문자지만 문자는 type 시스템 안에서 “hellow world”가 아니라는 것입니다. 오늘날 Ts에서 사용 가능한 세 literal 타입(string, number, boolean)이 있습니다. 리터럴 type을 사용함으로써 string, number, boolean이 갖는 정확한 값을.. 더보기
typescript docs 번역본 #3 (functions) 아래 링크는 원본입니다. 해석이 부족해도 양해 부탁드립니다..ㅎㅎ www.typescriptlang.org/docs/handbook/functions.html#this-parameters Handbook - Functions How to add types to a function www.typescriptlang.org ``` Js에서 함수들은 기본 구성 요소입니다.. 그것들은 추상화 계층, 클래스 모방, 정보 숨김 및 모듈들을 빌드하게 해줍니다. Ts에서 class, namespace, module들이 있지만, 여전히 함수들은 어떻게 하는지 묘사하는 핵심 역할을 합니다. Ts는 그들을 더 쉽게 하기 위해, 기존 Js에 새로운 기능을 추가합니다 Functions 시작하기 위해, js처럼 Ts 함수들은 이.. 더보기

티스토리툴바