본문 바로가기

분류 전체보기

 (173)
평단가 계산기 finance.jaeheon.kr 1.0 공개 2월 4일부터 시작한 토이프로젝트 하나를 공개할 수 있게 되었다. 시작은 평단가 계산기지만, 금융과 관련된 기능들을 더 추가할 예정이다. 다크모드는 당연히 지원한다. 개발하게된 가장 큰 이유는 국내에서, 경제와 관련된 서비스들은 UI가 불친절 하거나 예쁘지 않은 경우가 많았는데, 이러한 부분을 개선하고 싶었다. 접속 주소는 finance.jaeheon.kr 이다.
퍼스널 맵(Personal Map) - 서로 알아가는 여행 사실 우리는 같은 팀원이지만, 실제로 그 팀원에 대해 자세히는 알지 못한다. 업무에 대해서는 잘 맞는 사람들일 수도 있다. 그러나 업무와 관련이 없어진 경우에도 소통을 잘 할 수 있는지에 대해 우리는 확신할 수 없다. 이러한 상황에서 퍼스널 맵(Personal Map)은 일종의 마인드맵으로, 자신을 마인드 맵으로 표현하는 것이다. 우리는 퍼스널 맵을 통해 서로에 대해 알지 못했던 부분을 알 수 있다. 서로에 대해 잘 알게 되고, 이해하게 되고, 이로써 더 잘 소통할 수 있게 되는 것이다. 팀 활동의 하나로 퍼스널 맵을 하게 되었는데, 개인적으로 매우 만족스러운 활동이었다. 막상 친근하게 생각했던 팀원의 새로운 모습을 볼 수 있었고, 잘 알지는 못하였던 팀원을 좀 더 잘 알 수 있게 되었다. 좋은 사람들을..
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 요소로 변경하면 정상적으로 동작한다.

티스토리툴바