kipid's blog

# 코드잇 풀스택 2기 - Week 4스케쥴표: Obsidian.md: ## PH2024-08-05 : First posting.## TOC## RRA[FS 2기] 커리큘럼 시트 (수강생용)https://publish.obsidian.md/iasandcb/ https://publish.obsidian.md/iasandcb/site/Part+1/2024-08-12 https://publish.obsidian.md/iasandcb/site/Part+1/2024-08-13 https://publish.obsidian.md/iasandcb/site/Part+1/2024-08-14 https://publish.obsidian.md/iasandcb/site/Part+1/2024-08-15 https://publis..

# 코드잇 풀스택 2기 - Week 3스케쥴표: Obsidian.md: ## PH2024-08-05 : First posting.## TOC## Git 을 배워보자. (Feat. GitHub)참조: ## Git 협업하기 (Collaboration with Git and GitHub)참조: ## RRA[FS 2기] 커리큘럼 시트 (수강생용)https://publish.obsidian.md/iasandcb/ https://publish.obsidian.md/iasandcb/site/Part+1/2024-08-05 https://publish.obsidian.md/iasandcb/site/Part+1/2024-08-06 https://publish.obsidian.md/iasandcb/site/Part+1/2..

# 코드잇 풀스택 2기 - Week 2스케쥴표: Obsidian.md: ## PH2024-07-29 : First posting.## TOC## CSS 레이아웃 (Layout)코드잇: ### Color list```[.scrollable.lang-css]:root { /* Black */ --black-0: #000000; --black-1: #1a1a1a; --black-2: #333333; --black-3: #4d4d4d; --black-4: #666666; --black-5: #808080; --black-6: #a6a6a6; --black-7: #cccccc; --black-8: #e6e6e6; --black-9: #ffffff; /* Dark Red */ --dark-r..

# 코드잇 풀스택 2기 - Week 1## PH2024-07-25 : First posting.## TOC## OT코드잇: , 스케쥴표: 이창신 강사님노유정 운영 매니저오전 - 김주현 클래스 매니저오후 - 강지화 클래스 매니저신예진 교육 PM 매니저LMS (코드잇 사이트 Learning Management System)### TIL (Today I Learned) & WIL (Weekly I Learned)TIL: 계획, 성취, 학습, 개선에 대한 내용은 꼭 포함하여 작성해 주세요!제목: [TIL 1일 차] (각장 개성 있게 글의 제목을 지어주세요!)오늘의 나는 무엇을 잘했을까? → 성취오늘의 나는 무엇을 배웠을까? → 학습오늘의 나는 어떤 어려움이 있었을까? → 개선내일의 나는 무엇을 해야 할까? → ..

# 개발하는데 유용한 VS (Visual Studio) Code 확장팩 (Extension)참조한 블로그 글: ## PH2024-08-03 : First posting.## TOC## 확장팩 까는 법 (How to Install Extension)다음과 같이 side tab 에 Extensions tab 이 있음. 단축키: Ctrl+Shift+X.깔고자 하는 Extention 을 검색한 후 install 을 누르면 설치 완료. 확장팩 까는 법 (How to Install Extension) ### 여러 컴퓨터에서 설정과 확장팩 sync 맞추기 VS code 스타일 및 Settings and Extensions Sync 맞추기 ## 코딩시간을 절반으로 줄여주는 VSCode 9개 기능 by 코딩애..

# 터미널 (Terminal) | Cmd (Command|커맨드) 창 | Sublime text build results 창 에서의 한글 깨짐 해결 방법. (Windows)한글이 깨지는 이유는 주로 한글 팩 (Package) 가 윈도우 (Windows) 에 안깔려 있거나, 한글을 나타내주는 폰트 (font) 가 없거나, 인코딩 (Encoding) 이 잘못되어 있는 경우 중 한가지다.개인적으론 AWS English Windows server 를 돌리면서 Sublime text 로 runJavaC.sublime-build 로 Compile 및 실행|Run 했을때 Build results 에서 한글이 계속 ?? ?? ????????? 로만 표시되길래 고생해서 해결방법을 찾아서 공유하려고 이 글을 작성.## P..

# JAVA Windows command (cmd) 한글 깨짐 문제해결참고 .Console (Cmd, command, 명령 프롬프트) 창 properties 에서 한글 지원되는 font 로 바꿔줘야 함. 그래야 chcp 65001 (Changes the active console code page. UTF-8) encoding 이 제대로 표현됨.참조 .Start -> Run -> regeditGo to [HKEY_LOCAL_MACHINE\Software\Microsoft\Command Processor\Autorun]Change the value to @chcp 65001>nulIf Autorun is not present, you can add a New String.## RRA 윈도우10 CMD 한글..

# AWS server|서버 에서 GitHub 가 너무 느려질때 해결 방법.How to solve the extremely slow response of GitHub in AWS server EC2 instances. (Use google translate to read the way to solve the problem.)아무리 찾아봐도 해결책을 못찾겠었는데 , AWS 에서 outbound 설정을 좀 바꿔봤더니 해결되어서 해결법을 공유함.## PH2023-09-21 : First posting.## TOC## Outbound보안상 AWS Network & Security :: Security Groups outbound TCP port 를 1024 - 65535 까지만 열어놨었었는데, 이게 문제인거 같..

# 텐서(Tensor)와 상대론(Relativity) - 1. 상대론(Relativity)아직 완성이 덜 된 문서입니다. Introduction 정도만 읽어보세요.## PH 2014-06-12: docuK upgrade. 2014-02-13: First Posting.## TOC## Introduction $E = \gamma m c^2$우선 상대론을 이론적으로 배우기 위해서는 tensor란 무엇인지 명확히 알고 진행해야 한다. 복잡하게 수식 들어간 것은 싫고 적당히 상대론이 어떤 이론인지만 알고 싶다고 하더라도 '텐서(Tensor)와 상대론(Relativity) - 0. 텐서(Tensor)란?'의 글부분만이라도 대충 읽고오면 도움이 될 듯 하다. 다시 중복해서 설명을 하긴 하겠지만, 어느정도는 이전 ..

# Installing and Learning JAVAJAVA를 깔고 배워봅시다. (자바 깔고 배우기.)## PH2023-06-26 : Links updated.2022-12-18 : revised.2019-04-01 : First posting.## TOC## Installing JAVAOracle 홈페이지 에서 적절한 파일 (.exe) 다운 받아서 실행시키기만 하면 설치 끝.기본적으로는 window %PATH% 와 %CLASSPATH% 를 설정해줘야 함. 이 설정은 cmd 창에서 하기 보단 "내 컴퓨터 - 설정 - ..." 에 가서 하는게 더 편해보임. 아래와 같은 경로들을 추가해 주면 끝. 뭐 batch 파일에서 몇개는 경로설정을 해줘서 따로 이 설정을 안해줘도 되는 것들도 있긴함. (e.g. C..

# .gitignore 설정하기.gitignore이란? Project에 원하지 않는 Backup File이나 Log File , 혹은 컴파일 된 파일들을 Git에서 제외시킬수 있는 설정 File이다. 그런데 먼저 commit 을 한 후에 .gitignore 에 추가를 하면, file 들이 계속 추적되는 경우가 있다. 이 경우 아래와 같은 명령어를 치면 되는듯 하다.```git rm -r --cached .git add .git commit -m "Apply .gitignore"```/## PH2024-02-08 : First posting.## RRAnesoy.github.io :: Git .gitignore 적용하기, 2017-01-26stackoverflow.com :: .gitignore is ig..

# 자바스크립트 (JavaScript) 기초## PH2024-08-07 : First posting.## TOC## 기본 자료형 (Data type)Premitivenumber: 17, 2.3, 1.3E10, 0xff, 0b1111_1001string: "Some String"boolean (불리언): true, falsenullundefinedsymbol: Symbol("Some symbol")bigint: 909082198012019292109nobject: {}, []## for (let str of strs), for (let key in json)for (.. of ..): 배열 순회할때for (.. in ..): key value 순회할때## RRA프로그래밍과 데이터 in JavaScript ..

# jQuery 분석 (Analysis): $.find([CSS Selector]) and $.parents([CSS Selector])요새 jQuery 를 안쓴다는 설이 있어서 jQuery 에서 유용하게 써먹었던 function 들 공부해서 JS (pure JavaScript) 로 변환 좀 해놓으려고 공부 및 정리 중.## RRAhttps://github.com/jquery/jquery/blob/c85454a84306677efda3286a3214419bff945849/src/selector.js#L380 ($.find([CSS Selector]))https://github.com/jquery/jquery/blob/c85454a84306677efda3286a3214419bff945849/src/trave..

# 코드잇 풀스택 2기 Week 3 - 서술형 평가 (Git and GitHub Collaboration)## PH2024-08-09 : First posting.## TOC## git reset의 3가지 옵션에 대해 설명해 주세요.--soft--soft 옵션은 HEAD만을 변경합니다. 이는 HEAD가 가리키는 커밋을 변경하지만, staging area와 working directory는 영향을 받지 않습니다. 커밋을 취소하고, 해당 파일들을 다시 커밋하기 전 상태(스테이징 상태)로 되돌리고 싶을 때 사용합니다. 이 옵션을 사용하면, reset 명령을 실행한 후에 바로 다른 커밋을 만들 수 있습니다.--mixed--mixed 옵션은 HEAD와 staging area를 변경하지만, working dire..

# 양자역학 측정문제에 대한 개인적인 해석 (Feat. AI 시대와 자유의지, Multiverse)## PH2024-08-08 : First posting.## TOC## 친구랑 나눈 카톡 내용텍스트로도 정리하고 싶지만, 살짝 귀찮;;;;; 나중에 노년에나 써봐야지. 친구랑 대화 2024-08-07## RRA[Physics/Math/Science]--Physics of kipid's Recoeve.net: https://recoeve.net/user/kipid/mode/multireco?cat=[Physics/Math/Science]--Physics&PRL=0.80&PRR=1.00#numbers-of-recos[Music/Break]--영화 of kipid's Recoeve.net: https://rec..

# week2 위클리 페이퍼 (브라우저가 어떻게 동작하는지 설명)## PH2024-08-05 : First posting.## TOC## 브라우저가 어떻게 동작할까?브라우저는 보통 사람들 (Clients) 이 domain name 을 통해 특정 웹사이트에 접속 할 때, DNS (Domain Name System) 을 통해서 해당 도메인 주소 (IP: Internet Protocol) 로 GET Request 를 보내서 페이지를 다운 받아 사용자에게 HTML 을 Parsing/Rendering 하여 보여주게 된다.이 때 웹 페이지 내에 img tag 나 script tag, link tag 등이 있으면 해당 tag 의 src 로 GET Request 를 또 보내 데이터들을 다운로드 받아 적절하게 표현해주게..

# 금융 종결자 (참고 책: 화폐전쟁) by rokiroki예전에 재밌고 유익하게 봤던 자료인데, 오랜만에 검색하니 원글 출처 분은 블로그를 쉬시는거 같고, 금융 종결자를 한꺼번에 보고 싶어서 정리하는 글. 백업된 그림 파일을 가져온 곳은 여기 palewall (길가메시) at 네이버 블로그 :: 카테고리 - 금융종결자// 그림 파일들 잘 정리해 놓으셨길래 여기서 긁어옴..각 소제목 옆의 Show/Hide 를 누르세요. 첫 화면에서는 데이터 아끼시라고 그림 파일을 숨겨놨습니다. (DocuK's delayed loading system.)## PH2023-02-16 : SEE posting.## TOC## 금융 종결자 1편 (로스차일드가문과 워털루투기)다음장을 보려면 Section 제목 오른쪽에 있는 S..

# 공정한 경제란 무엇일까? - 2. 악마의 등장 : 이자 (interest) 개념.왜 내가 이자를 악마라고 묘사하는지를 설명할 예정. 그 대안까지도.## TOC## 늘어나는 인구수, 한정된 자원.우린 우선 한정된 자원만 가지고 있다는걸 인정해야 한다.절대 희망적인 이야기를 할수가 없다.## 피지배 계급을 지배하는 가장 효율적인 방법 : 이자 (interest)이자란건 언제 어떻게 생겨난 개념일까?지배 되고 있다는 개념도 없이, 돈의 노예가 되는 구조를 만들 수 있는 이자라는 놈.## 투자로 돌아가는 경제. 급속한 경제성장 견인.## 저성장 시대. 어떻게?## 저소비. 지식의 교류를 통한 만족. 협동+위로+양보.솔직히 생계에 필요한 것들 아니면, 나머지는 뭐 사치품에 불과. 소비해도 그만, 안해도 그만인..

# 공정한 경제란 무엇일까? - 1. 두 명만으로 구성된 사회에서의 경제성장경제란게 무엇일까? 경제성장은 무엇을 말하는 것일까? 경제성장 = 발전??? 종이에 숫자 써놓은것 = 돈????? 이런 의문점이 쌓이면서... 돈이란 놈이 가끔 이상하게 쓰이는 모습을 이상하게 생각하면서... 돈이란게 대체 무엇인지, 경제성장이란건 도대체 무엇인지 조금 고민해보기 시작했다.경제성장의 척도로 요새 자주 쓰이는 GDP란 놈을 분석해 보면서 이상한 딴지들이 들어오길래 더 깊이 생각해보느라고 그런것도 있다. 난 나름 제대로 분석했다고 생각하는데, 몇몇의 사람들은 왜 틀리다고 할까? 원화(대한민국 화폐: 원 WON)로 GDP를 보는 것과 미화(미국 화폐: 달러 USD)로 GDP를 보는 것에는 무슨 차이가 있을까? 돈은 대체..

# Pattern Replace 를 이용한 http, https 링크 (그림, 동영상, 유튜브, 인스타그램, 틱톡, Soundcloud, 카카오TV, 네이버TV 등) 처리 | URI (Unique Resource Identifier) RenderingRegular Expression 을 사용해서 http, https 링크들을 적절하게 처리해 봅시다.## PH2024-02-07 : First posting.## TOC## URI rendering```[.linenums.lang-js]////////////////////////////////////////////////////// URI rendering :: http link itself, videos, images, maps.//////////////..

# 단어 외우기 앱 구현 (Memorizing App) in Recoeve.net간단한 단어 외우기 앱 구현해 놨습니다. 가입하셔서 한번 써보세요. 영어, 일본어, 중국어, 스페인어, 포르투갈어, 독일어 등등 외우고 싶은 것들을 spreadsheet | excel 형태로 저장한 다음, 적절한 uri 와 제목을 정하고 description | 설명 란에 "#dictionary" 엔터누르고 텍스트 복사 붙여넣기 하시면 단어 외우기 앱이 활성화 됩니다.설명 동영상은 조만간 만들어서 업데이트 하겠습니다. [--Memorizing--] 버튼 누르시면 암기 앱이 시작됩니다. From 이랑 count, cutoff 적절히 설정하시고 젤 아래 Start 버튼 누르면 문제가 나가고 Show Answer 를 눌러 답을 확..

# Ctrl+Shift+P does NOT working in Editor (VS code, Sublime Text) :: 에디터에서 단축키가 먹지 않을때 해결법어느날 갑자기 VS (Visual Studio) code 와 Sublime Text editor 에서 Command 명령을 내리는 Ctrl+Shift+P 가 동작을 안했다. 검색해보니 가능한 시나리오가 다음과 같았다. stackoverflow.com :: Command Palette shortcut not working in Sublime Text3A user installed plugin or custom key binding is bound to the same key, which is taking precedence and stopping ..

# Learning Node.jsServer-Side JavaScript 라 불리우는 Node.js 를 배워봅시다. JavaScript 언어 특성을 server 에 적용하면 무엇이 좋을까나? 무엇이 나쁠 수 있고?간단하게나마 server 에 대해 알고 있어야 이해가 쉬울듯. PHP 같은 것으로라도 간단히 이런것에 대해 조금 이해해 놓는것이? 이거랑은 상관없나? Egoing 님 php 강의에서 server 가 어떤 데이터들을 보내고, client 가 어떤 데이터들을 보내고 받는지 등을 이야기한 동영상이 있었는데... 그것만 보고와서 Node.js 를 공부해도 조금 이해가 편할듯.## PH2016-04-11 : To SEE.2014-05-22 : First posting.## TOC## 장단점Node.js ..

--> --># 국정원 대선개입 수사 - 서울경찰청 사이버 범죄수사대 디지털 증거분석실 CCTV 녹취록작성중인 글. Highlight 좀 할 예정. (3~4실 구분하지 않고 시간순으로 정리함.)Fuzzy Search (Go: 단축키 G 키) 이용하시면 손쉽게 이것저것 검색 쉽습니다. 초성검색 비슷한건데 조금 더 발전된 형태의 검색법 이예요. 한영 자동전환도 구현되어 있습니다. 오른쪽 아래 고정 버튼들에도 Go (FS) 란 부분 클릭하시면 Fuzzy Search 할 수 있는 팝업창이 뜹니다. Fuzzy Search (Go) 예제 샘플 이상규 의원실에서 정리한 hwp 녹취록을 html로 변환. SEE (Super Easy Edit of docuK) 이용.Section head 옆의 T 누르면 "Tabl..

# 윈도우즈 탐색기 즐겨찾기 사라짐 해결법 (Windows Explorer Favorites missing)윈도우즈 탐색기를 어느날 열었더니, 내가 그동안 즐겨찾기 해놨던 폴더들이 안보였었다. 그래서 인터넷에 검색도 해보고 삽질을 좀 했는데, 의외로 간단한 실수로 나타난 현상이었다. 다음과 같이 즐겨찾기가 보여야만 한다. 어느날 다음과 같이 즐겨찾기가 안보이기 시작했다. 문제는 너무나 간단했다. 홈 탭을 펼쳐야만 즐겨찾기가 보인다. 홈 아래에 즐겨찾기 폴더들이 저장되어 있었던거라 그 홈을 펼쳐야만 했던거다. 무슨일인지는 몰라도 어느날 우연히 홈 탭이 접힌게 default 로 탐색기 설정이 되었나 보다. 홈탭을 열어서 즐겨찾기를 보이게 만들자. 그 후 탐색기를 닫았다가 열면 홈 탭이 열린 상태로 (즐겨찾..

# Sublime Text (editor) 소개여러가지 다양하고 편리한 기능들을 제공하는 editor . 배우고 쓰는것도 좋지만, 쓰면서 배우고 익혀야 하는듯. 개인적으로는 portable 로 까는걸 추천. 클라우드 같은곳에 올려놓으면 컴퓨터를 옮기더라도 설정을 그대로 사용할 수 있는듯.## PH 2022-12-18 : 조금 더 수정. 2017-07-26 : Sidebar, Go to Anything, Tab label 에서의 한글깨짐 부분 더 추가. 2015-12-14 : 조금 더 정리. 2015-07-11 : 조금 더 정리. Gif image 들 만들어서 설명 추가하고 싶기도 한데;; 당장은 귀찮다. 2014-06-13 : first posting?## TOC## 장점?### Go To Anythin..

# Git 협업하기 (Collaboration with Git and GitHub)## PH2024-08-01 : First posting.## TOC## GitHub 로 협업을 한다는 것### 커밋 (commit)커밋은 작업 내용의 '스냅샷'을 의미하며, 한번 커밋하면 이력이 남습니다. 이런 특성 덕분에 문제가 발생했을 때 이전 상태로 쉽게 되돌릴 수 있습니다. 한마디로 말하자면 커밋은 Git에서 관리하는 가장 작은 단위의 버전이라고 할 수 있습니다.### 브랜치 (branch)Git 의 브랜치는 독립적으로 작업을 진행하고 그 결과를 저장할 수 있는 개별적인 흐름을 의미합니다. 브랜치를 사용하면, 서로 다른 작업을 별도로 진행하고 나중에 하나의 코드베이스로 병합할 수 있습니다. 이는 여러 개발자가 동시..

# Unix/Linux command (CLI: Command Line Interface)이걸 꼭 공부해야만 하나 하는 의구심이 들긴한다... 요새 GUI (Graphical User Interface) 가 워낙 잘 되어 있어서...하지만 GUI 를 만드는데 비용이 많이들다보니, 더 정확한 명령, 간단한 구현을 원하는 개발자 입장에선 CLI 가 꼭 필요하긴 한듯. 특히나 개발 초기의 것들은 GUI 까지 만들어지려면 한 세월일거라...## PH2024-07-30 : First posting.## TOC## Simple commands```date // 현재 날짜 출력pwd // Print Working Directory (현재 디렉토리 출력)cal // Calendar (달력)cal 9 2024cal 20..

# 여러가지 프로그래밍 언어들 (List of programming languages)언어들 참 많다. code snippet 좀 넣을까?분류를 내가 좀 아는 언어들, 생소한 언어들로 나눈게 에러같긴 하지만;;; 천천히 수정. A Snapshot of Programming Language History. (출처: 알렌 터커의 ‘프로그래밍 언어’ + ) 현재 프로그래밍 언어 랭킹 참조: ## PH 2015-12-12 : php code snippet 에서 escape 를 안했네;;; 2014-11-11 : code snippet 추가. related refs 말머리에 삽입. 2014-06-19 : 더 정리. 2014-01-25 : ref를 LaTeX처럼 자동으로 처리하는 javascript를 짜봅시다..

# Helper div with display: flex; margin, padding 으로 가로 너비 설정/맞추는 법 정리 Responsive width with finitely filling the parent, and I wanna use display: flex; to align elements. 위와 같이 가로폭은 적당한 길이만큼만 확장되고, 나머지 안의 것들은 display: flex; 로 정렬하고 싶은데, 코딩을 해보면서 꽤 헤맸던 부분이라 정리할 겸 포스팅.## PH2024-07-30## TOC## HTML code```[.lang-html] 로그인 ```/와 같이 배치했음. 보면 helper div 로 이 추가된 걸 볼 수 있는데... CSS 는 다음과 같음.`..