본문 바로가기

분류 전체보기

(135)
React에서 잘못된 랜더링 조건문을 작성하는 경우 React에서 인라인 조건문을 삼항식 대신에, && 연산자를 사용하여 표현하는 경우가 있다. 위의 코드에서 의도 했던 동작은, 리스트의 길이가 0보다 클 때 Count 컴포넌트를 반환하고, 0이면 아무것도 반환하지 않는 것이다. 하지만 실제 실행결과는 리스트의 길이가 0인 경우에, '0' 자체가 랜더링되게 된다. 분명 React에서는 일반적으로 거짓으로 취급되는 몇몇 값들이 반환될 경우에는, 랜더링을 하지 않는다. 그러나 숫자 0은 예외적으로 그대로 랜더링하게 된다. 그렇기 때문에, 위와 같은 코드를 사용해서는 안된다. 위의 코드는 ' > 0 '을 추가하여 의도한 대로 코드가 동작될 수 있도록 하였다. 이처럼 &&연산자를 사용하여 인라인 랜더링 조건문을 작성할 때에는 앞의 조건식이 boolean을 반환하..
2021년 투자 방향 이 글을 읽기 전에 알아야 할 주의사항 이 글은 개인의 의견을 개진한 것에 불과합니다. 이 글은 특정 자산 및 증권에 대하여 투자를 권장 및 권유를 하기 위하여 작성 된 글이 아닙니다. 이 글에서 언급된 전망 및 수치, 지표 등은 실제와 다를 수 있습니다. 모든 투자의 판단의 책임 및 투자의 손익은 투자자 본인에게 귀속됩니다. 2020년을 되돌아 보며 2020년의 S&P500지수 연간 수익은 15.62%로, 만족스러운 성과를 보인 해라고 할 수 있다. 코로나 바이러스가 아무런 영향을 끼치지 않은 것처럼 보일 정도이다. 나스닥 지수는 무려 43.76%로, 1975년 이후로, 다섯손가락 안에 드는 연간 수익을 달성했다. 채권 국채 등 안전한 채권의 금리는 하한선에 가까워 졌기 때문에, 명목 채권은 주식의 하..
매력적인(흥미로운) 코드 (1) 매력적인 코드란? 주석을 보지 않더라도 읽기 쉬우면서, 읽으면서도 코드 내용에 흥미가 가도록 만들어져 있는 코드가 매력적인 코드라고 생각한다. 주석을 보지 않더라도 읽기 쉬운 코드가 중요하다는 것은 오랫동안 강조되어 왔다. 그러나 많은 사람들이 이번에 이야기하는 흥미로운 코드에 대해서는 잘 들어보지 않은 이야기일 수도 있다. 흥미로운 코드 흥미로운 코드는 어떤 것일까? 일단, 무슨 생각으로 이런 코드를 짰는지 궁금하게 만드는 코드는 제외한다. 반복적이지 않은 코드 어떤 파일이 엄청난 Getter와 Setter로 가득차 있었다고 한다고 먼저 가정을 하겠다. 이코드가 분명 지정된 양식에 맞춰서, 은닉화도 잘 되어있는 코드라면, 좋은 코드라고 할 수 있을 것이다. 그러나, 무의미한 getter와 setter로..
공인인증서 폐지의 의미와 오해 공인인증서 폐지에 관한 오해 최근에 공인인증서가 단순히 공동인증서로 이름이 바뀌었다고 오해하는 사람들이 늘고 있다. 이는 기존의 공인인증서를 공동인증서로 이름을 변경한다는 공지가 나왔기 때문이다. 그러나, 해당 공지가 나오게 된 이유를 잘 살펴보면, 당연히 바뀌어야하는 것을 알 수 있다. 기존의 공인인증서가 공동인증서로 이름이 바뀌는 이유, 공인인증서제도가 폐지되었다고 하는 이유는 모두 한 가지다. 기존에는 "공인" 인증서와, "사설" 인증서가 구별되었으나, 법령 개정으로 "공인"의 개념이 사라졌다. 위의 말을 다시 풀어서 이해하기 쉬운 개념으로 바꾸자면 아래와 같다. 기존에는 인증방법이 주민등록증 밖에 없었지만, 이제는 사원증으로도 인증할 수 있다. 현실에서 주민등록증이 사용되는 곳을 사원증으로 인증할..
mobx 6 출시와 변경된 점 9월일에 mobx 6.0이 출시되었다. mobx 6 요약 ECMAScript에 적합한 라이브러리 & Proxy (모던브라우저) 및 비 Proxy (ES5) 동시지원 mobx가 데코레이터를 버리는 이유 가장 큰 이유는 데코레이터가 현재 표준으로 지정되어 있지 않은 점이다. 그렇기 때문에, 데코레이터를 사용하려면 복잡한 설정이 꼭 동반된다. 예를 들면 create-react-app로 프로젝트를 생성한 경우에는 순정상태로 사용할 수 없고 eject를 통해서 설정을 해줘야한다. 또한 비표준 데코레이터를 버림으로써, 추후에 등장할 표준 데코레이터(?)를 잘 지원할 수 있고, 당장은 비지원으로 인한 코드 용량 절감을 들 수 있다. mobx 6 With ES5 기존에는 IE를 지원하는 프로젝트에서는 mobx 5를 사..
[CSS] span에서의 말줄임표(text-overflow: ellipsis 속성) div와 같은 block 요소와는 다르게, span은 inline요소이기 때문에, text-overflow: ellipsis 속성을 줘도 제대로 동작하지 않는다. 이러한 경우에는 span 요소에 display: inline-block이나 display: block 을 추가하여 block 요소로 변경하면 정상적으로 동작한다.
영화 테넷(TENET) 리뷰 용산 아이파크몰 CGV에서 아이맥스로 테넷을 봤다. (스포일러 포함) WHY에 대한 의문이 부족하다 - 인셉션과의 비교 테넷을 보고 가장 큰 느낀점은 영화 내의 등장인물들의 동기가 부족하다는 것이었다. 테넷을 보기전에 인셉션을 넷플릭스로 처음 봤었는데, 인셉션에서는 왜 인셉션을 하는지 잘 나타나 있다고 생각한다. 주인공 코브가 사이토의 의뢰를 수락한 이유는 사이토가 코브의 수배를 풀어주겠다고 했기 때문이다. 사이트고 의뢰를 하는 이유는, 피셔가 기업을 분할하게 해서 자신이 이득을 보려고 한 것이다. 그러나 테넷에서는 왜 미래 세력들이 현재를 공격하는지에 대해, 단순히 해수면이 오르고 강이 말랐기 때문이라고 설명한다. 하지만 왜 '인버전'을 사용해서 현재 세력을 공격하는 방법을 사용했는지에 대한 부분은 부..
키크론 K1 version 4 리뷰 8월 17일에 키크론 K1 version 4를 수령받아 한달 반 정도 사용 후 적는 후기이다. 일단, 기계식 키보드를 처음 써보았는데, 생각보다 괜찮았다. 적축 White LED 모델로, 굳이 RGB로 사용할 필요를 느끼지 못해서 White LED로 구매했다. 주로 사무실에서 사용하는데, 엠브레인 키보드처럼 힘을 주며 치는 것이 아니라, 조금은 힘을 덜 주면서 치면 시끄럽다고 생각되지는 않을 것 같다. 다만, 좀 더 높은 음이 나오기 때문에 저음의 엠브레인 키보드 보다는 조금 거슬릴 수는 있다. 적축이라 그런지 키압이 40g 정도인데, 일반 키보드 사용하듯이 키보드위에 손을 올려놓으면(특히 Tab키) 키가 눌리지만 조금만 익숙해지면, 크게 불편함은 없다.