new1cm

 `DATA_NAME`형태의 값을 `dataName`로 변환하는 자바스크립트 let name = 'DATA_NAME'; name = name.toLowerCase().replace(/_[a-z]/g, function (str) { return str[1].toUpperCase(); }); console.log(name);  전체 값을 `str.toLowerCase()`를 사용해 소문자로 변환합니다.  `/_[a-z]/g' 정규표현식을 사용해 앞에 언더바가 붙은 소문자 알파벳을 찾습니다. 당연히 매칭되는 값은 `_n`같이 `_`로 시작하는 두 글자 문자열이 됩니다.  자바스크립트의 `str.replace('a', 'b')`는 두 번째 인자에는 교체될 문자열이나 함수를 넣을 수 있습니다. 두 번째 인자에 함수를 넣으면 매칭되는 대상을 첫 번째 인자로 받습니다. 그리고 이 함수가 반환한 값으로 대상을 교체하게 됩니다. 그렇기 때문에 정규표현식으로 감지되는 문자열에서 두 번째 값만 대문자로 변환하여 반환하면 원하는 형태를 얻을 수 있습니다.

 자바스크립트 변수에 있는 값을 새로운 변수에 넣었을 때 숫자나 문자열 같은 경우는 값이 복사가 됩니다. var a = 1; var b = a; b = 2; console.log(a); //b의 값이 바뀌어도 a 값은 바뀌지 않는다.  하지만 object와 같은 객체가 들어가 있는 변수는 내부의 값이 같은 대상을 가리키게 됩니다. var c = {x: 1}; var d = c; d.x = 2; console.log(c.x); //c와 d가 같은 대상을 가리키고 있기 때문에 변경된 값이 출력된다.  간편하게 깊은 복사를 하는 방법은 아래와 같습니다. var e = {x: 1}; var f = JSON.parse(JSON.stringify(e)); f.x = 2; console.log(e.x); // 문자열로 반환된 값을 다시 객체로 변환하였기 때문에 값이 복사되었다.  주의사항, 간편하게 사용할 수 있다고 복사에 무조건 사용하면 안 됩니다. 객체의 메소드와 같이 함수는 복사되지 않기 때문입니다. 복사 대상이 가지고 있는 값의 특성을 고민해야 합니다. 자신이 만든 클래스로 구현된 인스턴스를 복사하는 것이라면 별도의 함수나, clone 메소드를 구현하여 값을 복사하는 게 좀 더 좋다고 생각합니다. (반복문이나 재귀를 사용하여 값을 일일이 새로운 객체에 넣는 방법.)

 테스트를 위해 무료로 3D 콘텐츠를 구할 수 있는 곳을 찾다가 좋은 곳이 있어 정리합니다. Sketchfab  자신이 만든 3D 콘텐츠를 판매하거나 공유할 수 있으며 커뮤니티 기능을 지원하는 사이트입니다. 미리 보기가 가능하기 때문에 구경하는 재미도 있습니다.  개인적인 목적으로 3D 콘텐츠가 필요하다면 상단의 explore 항목에서 다운로드 가능한 대상을 검색하면 됩니다.   다운로드를 위해서는 회원가입이 필요합니다.  결과 페이지의 상단에 filters를 사용해 추가 조건으로 목록을 추릴 수 있습니다.  스토어에 들어가면 디테일이 뛰어난 작품들을 볼 수 있습니다. 구매는 하지 않더라도 미리 보기로 구경하는 재미가 있습니다.

 순서도를 그릴 일이 생겨 검색을 하다가 알게 되었습니다. draw.io  그림판이라던가 문서프로그램으로 만들 때 가장 거슬리는 부분이 각 요소의 정렬입니다. 이 프로그램은 모눈 단위로 이동을 하므로 쉽게 위치 잡기가 가능합니다. 또 화살표를 그리기도 쉽고 각 요소끼리 연결해 두면 알아서 따라가는 것도 마음에 듭니다. 이미지라던가 html로 출력도 쉽고, 여러 면에서 상당히 좋다고 생각되는 프로그램입니다.  위 링크에 들어가면 웹 브라우저에서 바로 사용할 수 있습니다. 개인적으로는 크롬 브라우저를 추천합니다. 들어가자마자 저장 위치 설정이 나옵니다. 설정 전에 언어를 한글로 바꾸면 사용이 쉽습니다. (화면을 새로 고치면 한글로 됩니다.) 저는 그냥 PC에 저장하고 불러오는 것으로 설정 했습니다. 새 다이어그램 만들기를 선택하면 여러 가지 기본 틀이 있습니다. 필요에 따라 선택하면 됩니다. 웹 브라우저에서 사용하는 게 좀 별로라고 한다면 사용하고 있는 PC에 설치하는 버전도 있습니다. 윈도우, 맥, 리눅스에서 사용할 수 있습니다. [ 다운로드 링크 ] 위 링크를 누르거나 웹 에디터의 설정의 "도움말 > Get Desktop" 항목을 눌러 다운받을 수 있습니다. 저는 윈도우10을 사용하고 있어서 윈도우용을 설치 했습니다. 저장이라던가 불러오기에 있어서 좀 더 이점이 있지만 전반적으로 웹 버전 그대로의 모습을 가지고 있습니다. (하이브리드 앱으로 만든 것 같네요.) 언어 설정도 웹과 같습니다. 새로 고침을 하라고 나오면 프로그램을 껐다가 다시 켜면 됩니다.

이 글은 2018년 6월 29일에 작성 되었습니다. 용산역 아이파크몰 리빙파크 방향 요약. 리빙파크 6층에 건담베이스가 있어서 적어둡니다. 리빙파크는 CGV와 정 반대에 있습니다. 서울 지하철 1호선을 타고 용산역에 내립니다. 용산역 [1번] 출구 로 향합니다. (지하철 개찰구에서 나오면 왼쪽 방향) 밖으로 나오면 아래로 내려가는 확 트인 계단이 나옵니다. 오른쪽을 봅니다. 그 방향이 리빙파크 입니다. (3층에는 영풍문고가 있습니다. 영풍문고 간판이 있는 입구로 들어갑니다.) [ 아이파크몰 층별 안내 ]

이 글은 2018년 6월 25일에 작성 되었습니다. 지하철 정기권을 구매하기 위해 요금조회 페이지를 찾게 되었습니다. 여담이지만 저는 서울 정기권(55,000원) 카드를  역의 행정실 에서 2,500원에 구매 했습니다. 충전은 역에 있는 카드충전기에서 가능합니다. 거스름돈을 주지 않기 때문에  정확한 금액을 현금으로 준비 해야 합니다. 요금 조회 페이지 찾아가기 서울 메트로 홈페이지로 들어갑니다. [ 서울교통공사 ] 상단의 이용정보를 선택하면 [ 사이버 스테이션 ] 이라는 항목이 있습니다. 사이버 스테이션 페이지에서 출발, 경유, 도착역을 입력하면 요금 정보가 나옵니다.

무언가 책을 읽고 싶을 때 무작정 서점 싸이트에 들어가 화면에 표시되는 책들을 봅니다. 평소에 의지박약, 게으름, 어리석은 선택에 관심이 있었던 터라 제목을 보고(표지만 봤다면 손이 가지 않았을 것 같았습니다) 흥미가 생겼습니다. 뇌라고 하는 신체의 동작과 우울한 감정을 이야기합니다. 과학에 관련된 책의 인용이라던가 주석은 한 번도 따로 확인해 본 적이 없으면서도 '음, 이건 과학적인 사실을 적은 책이군.'이라고 스스로 생각하는 게 좀 웃기긴 합니다. 하지만 제가 아는 상식선에서 터무니없는 내용은 아니라 여겨졌습니다. 내용에 대해 만족하냐고 물어본다면 저는 만족 했습니다. 다른 사람에게 도움이 되도록 설명해 보라고 하면 못 할 것 같지만 그동안 어렴풋이 느끼던 무언가에 대한 형태를 생각 할 수 있었습니다. 우울한 마음과 별 개로 몸의 상태나 환경에 대한 내 반응은 남들보다 특별하지도 않고, 모자라지도 않았다는 것을 느끼게 해 주었습니다.