"오늘 꿈은 전체적으로 두려움과 공포 속에서 흘러갔어요."라고 소조가 나에게 말했다.
이 이야기는 허구 시리즈이며, 실제와 유사한 점이 있다면 순전히 우연의 일치입니다. 이는 제가 소설 방향으로 첫 발을 내딛는 시도이기도 하네요, 하하~ “오늘 꾼 꿈은 전체적으로 두려움과 공포 속에서 흘러갔어요.” 소조가 나에게 말했다. 소조는 나의 내담자 중 한 명으로, 그는 내 ‘꿈 해석’ 이론을 굉장히 신뢰한다. 그래서 보통 인상 깊은 꿈을 ...
Vue 반응형 원리 및 구현
글의 배경 Vue의 반응형 시스템 원리를 연구해 보았고, 이를 기록하고 싶었습니다. 동시에 Vue의 반응형 시스템을 직접 구현해 보기로 했습니다. 그래서 이 글을 작성하게 되었습니다. 개요 Vue 반응형 데이터의 초기화는 initState의 initData에서 이루어집니다. observe 함수를 사용해 vm 객체의 data 속성을 관찰한 후, gett...
환경 설정/자주 사용하는 소프트웨어 모음
서문 새 컴퓨터를 받을 때마다 항상 여러 도구들을 설치하느라 정신이 없고, 가끔은 필요한 소프트웨어를 깜빡하고 설치하지 않아 사용할 때가 되어서야 다운로드하게 됩니다. 특히 처음 직장에 들어갔을 때 상사가 가장 먼저 시키는 일이 "먼저 환경에 익숙해지고, 자신의 컴퓨터를 설정하세요"인 경우가 많습니다. 따라서 이 글은 제가 자주 사용...
CORS에 대한 나의 탐구
글의 배경 온라인에서 CORS 관련 자료를 읽다가 한 문장에 혼란을 느꼈습니다: “'주의, withCredentials = true를 설정한 후, 전송되는 cookie는 목적 도메인의 cookie입니다’라는 내용이었는데, 이해가 되지 않았습니다: 현재 도메인이 a.com이고 xhr을 b.com으로 보낸다면, 당연히 원본 도메인 a.com의 cookie...
불평 좀 늘어놓아 보겠습니다
서문 다음 불평은 논리성이 없으며, 생각나는 대로 말한 것입니다. 회사에서 학습하기 회사는 새로운 기술을 열심히 배우는 것을 환영하지만, 전제 조건은 먼저 자신의 업무를 잘 처리하는 것입니다. 회사가 당신에게 돈을 주는 것은 일을 하라고 주는 것이지, 배우라고 주는 것이 아닙니다. 배우고 싶으면 집에서 배우세요. 어떤 인턴/신입 사원들은 회사가 주는 ...
Vue에서 라우팅을 구현하는 세 가지 방법
서문 Vue 학습 정리가 거의 마무리되었으며, 이제는 다른 잡다한 지식을 보충할 예정입니다. 오늘은 Vue Router의 세 가지 구현 방식에 대해 설명하겠습니다. 프로젝트 전체 코드 보기 (이 프로젝트에는 Vue Plugin 등의 다른 Vue 테스트 코드도 포함되어 있습니다) render 함수를 통한 구현 기본적인 아이디어는 render 함수가 주소...
Vue 학습 정리
서문 이 글은 Vue 2.0 공식 문서의 “인스턴스” 섹션부터 시작하여, 몇 가지 Vue API 사용 방법과 Vue가 특정 기능을 구현하는 원리를 탐구합니다. 또한 제 개인적인 사용 경험과 제한된 시각에서 Vue의 설계 의도를 분석하는 내용을 담고 있습니다. Vue를 접한 지 얼마 되지 않아 부족한 점이 있다면 지적해 주시면 감사하겠습니다. 참고: ...
이 블로그 도메인 최적화 설정에 관한 몇 가지 설명
서문 GitHub Pages에 정적 블로그를 만들기로 결정했을 때, 가능한 한 빠른 열기 속도를 원했기 때문에 몇 가지 요령을 사용하여 열기 속도를 높이고 사용자 경험을 개선했습니다. 최적화 바이두 CDN 서비스와 치니우 정적 리소스 호스팅 사용 이 블로그는 Bootstrap/jQuery/fontawsome 이 세 가지 라이브러리/폰트 파일을 사용합니...
Webpack 비동기 지연 로딩
서문 webpack은 비동기 로딩을 구현하고자 합니다. 즉, 주요 모듈을 먼저 로드하고, 특정 모듈이나 여러 모듈(즉, 번들된 chunk)이 필요할 때 요청을 보내 로드하는 방식입니다. 이렇게 하는 목적은 당연히 페이지의 초기 로딩 속도를 높이기 위함이지만, 추가적인 요청을 보내는 것은 피할 수 없습니다. 이 두 가지는 본래 양립하기 어려운 관계에 있...
Vue + Webpack 컴포넌트 기반 개발(연습 환경) 첫 경험
서문 다른 사람들의 vue 멀티페이지 프레임워크를 연구해보니, 대부분 package.json 파일을 직접 복사한 후 로컬에서 npm install을 실행하거나, 공식 vue-cli 도구를 사용해 프로젝트를 생성하는 방식이었습니다. 이런 방법은 이해는 되지만 기억하기 어렵다고 느껴, .vue를 컴포넌트로 사용하는 프로젝트를 처음부터 구축해보는 연습이 필...
git 자주 사용하는 명령어 정리
서문 자주 git을 사용하지만, 항상 시간이 없어서 작성하지 못했는데 이제야 시간이 생겨서 자주 사용하는 명령어를 정리해보려고 합니다. 본문 새로운 브랜치를 생성하고 해당 브랜치로 전환하기: 1git checkout -b branch_name 브랜치 전환: 1git checkout branch_name 브랜치 삭제 (먼저 checkout 다른 브랜치로...
「번역」 Promise 반패턴
최근 Promise 관련 내용을 보다가 이 글을 발견했는데, 꽤 괜찮아서 기록해둡니다. Promises 자체는 매우 간단합니다. 단지 핵심을 찾을 수만 있다면 말이죠. 아래는 Promise에 대해 정말로 Promise을 이해했는지 확인할 수 있는 혼동하기 쉬운 몇 가지 포인트입니다. 그중 몇 가지는 정말 저를 미치게 만들었죠. 중첩된 Promises ...
신웨이보(新浪微博) JS SDK API 사용하기
서문 이전에는 전체 웹사이트를 선배 혼자서 만들었기 때문에, 다양한 버그와 미비한 점들이 많았습니다. 그래서 리팩토링을 계획하게 되었고, 후배가 seajs 개발 프레임워크를 구축해 주었기 때문에 저는 프론트엔드 로직만 작성하면 되었습니다. 현황 회원가입과 로그인 부분은 제가 작성했기 때문에, 저는 여기에 신랑 웨이보(新浪微博)와 QQ 로그인 기능을 추...
코드 최적화/경험 중요성에 대한 직접적인 체험
서문 프로젝트 경험이 부족해서 프론트엔드와 백엔드 간의 역할 구분에서 자주 실수를 저지릅니다. 본문 예를 들어, 버튼 클릭 시 백엔드에서 제공한 API로 데이터를 조회한 후 Handlebars를 통해 프론트엔드에 표시하는 기능을 구현해야 했습니다. 하지만 매번 조회되는 데이터(반환 배열, 각 항목은 map 타입)가 상당히 길어서 한 번에 모두 로드해 ...
사용자 개인정보 수집에 대한 견해
유래 오늘 뉴스를 보다가 아나운서가 유명한 게임 ‘앵그리 버드’ 제작사가 사용자 개인정보를 수집하고 있다는 소식을 전했습니다. 이 개인정보에는 이름, 성별, 이메일, 지리적 위치, 결혼 상태, 성적 취향 등이 포함되어 있으며, 이 정보를 해외 정보 기관에 제공하는 행위를 하고 있다고 합니다. 본문 아버지는 이 기회를 틈타 저를 교육하려 했습니다—그는 ...
OS X에서 sz/rz 명령을 사용하여 파일 다운로드/업로드하기
타사 소프트웨어 없이 파일 업로드 및 다운로드 구현하기
OS X 자체 터미널로 Linux에 직접 연결할 수 있습니다(반면 Win의 cmd는 성능이 떨어집니다). 하지만 한 가지 문제는 터미널에서 직접 Zmodem을 통해 파일을 업로드하거나 다운로드할 수 없다는 점입니다. 이때 더 강력한 원격 서버 연결 도구인 iTerm의 도움이 필요합니다. 온라인에는 많은 튜토리얼이 있지만, 일부는 방문량을 늘리기 위해 ...강가에 서서, 등왕각 앞에서
"각중제자금하재? 갑외장강공자류"
연유 난창은 며칠 동안 계속 흐리고 비가 내리더니, 마침내 6일 아침 2분간만 지속된 일출을 맞이했고, 그 후 태양은 다시 겹겹의 구름 속으로 숨어버렸다. 강가에는 얇은 안개가 깔려 있었고, 멀리 수줍게 자리한 것은 팔일대교였다. 사실 안개 속에 사라진 것은 고금의 기인——왕발——의 등왕각이기도 했다. 그는 나의 세 번째 우상이다. 첫 번째 우상은 마...
블로거의 말:
저는 인생의 중요한 선택의 기로에 섰을 때, 누군가 최선의 방법을 알려주어 소중한 시간을 헛되이 보내지 않기를 바라곤 합니다. 그런 마음으로 저는 자주 블로그를 쓰며, 광활한 인터넷의 이 작은 구석에 제게는 단 한 번뿐인 인생 경험을 기록하여 도움이 필요한 분들에게 도움이 되기를 바랍니다.
