본문 바로가기

[IT/Programming]/HTML related

인스타그램 (Instagram) 퍼오는 법 # 인스타그램 (Instagram) 퍼오는 법인스타그램 (Instagram) 퍼오기. embed 나 iframe tag 로 퍼올 수 있는듯?기본 url 에서 "/embed" 추가해야만 퍼와지는듯. 이것만 CSP (Content Security Policy) 를 외부에 열어둔듯한.## PH2023-06-08 : instagram.com \rightarrow www.instagram.com 으로 바꿔야 제대로 퍼와짐.## TOC## 다음과 같이 /p/post-id/ 형태의 URL 에 embed 를 추가하면 iframe 으로 퍼올 수 있음 .```[.lang-html]```/ ## ```/ Comment 는 따로 글을 긁어서 퍼와야 할듯?## embed instagram feed/userpage (인스타그램 .. 더보기
Encode/Unescape and Decode/Escape URI Component # Encode/Unescape and Decode/Escape URI Componenthttp 주소창에 space 나 한글, 특수문자 같은 것들이 낑겨 있을 경우, 여러모로 에러가 날 가능성이 높아져서 보통 브라우저들이 이런 문자들은 '%AB' 같은 8 bit (?) 어쩌구로 변환시켜 버린다. Javascript 에서 기본적으로 이런것들을 처리하는 encodeURIComponent, decodeURIComponent 함수들을 제공한다.뭐 쓰는 사람은 알아서 공부해서 쓸테니... 인터넷 돌아다니다가 이상한 주소가 실제 어떤 주소인지 궁금할때 이용하시라고 (+내가 쓸라고) 만들어 봄.## PH2023-10-25 : Update. m.escapeXXX... added.## TOC## Decode URI Co.. 더보기
week3 위클리 페이퍼 (var, let, const 를 서로 비교 // 자바스크립트에서 this 키워드의 사용과 그 특성에 대해 설명 // 렉시컬 스코프(Lexical Scope)의 개념과 그 특성에 대해 설명) # week3 위클리 페이퍼 (var, let, const 를 서로 비교 // 자바스크립트에서 this 키워드의 사용과 그 특성에 대해 설명 // 렉시컬 스코프(Lexical Scope)의 개념과 그 특성에 대해 설명)## PH2024-08-12 : First posting.## TOC## var, let, const 를 서로 비교var 는 예전에 쓰던 변수 선언 방식으로 hoisting, 중복 선언 가능, function scope 만 지원 등 프로그래밍을 할 때 안좋은 점, 헷갈리게 하는 점이 너무 많아 요새는 안쓰는 추세로 가고 있다.let 은 변하는 값을 담는 변수를 선언하는 방식으로 primitive 변수나 JSON 등에 두루 쓸 수 있고, const 는 한번 할당되면 변하지 않는 변수 선언으로.. 더보기
코드잇 풀스택 2기 - Week 6 # 코드잇 풀스택 2기 - Week 6스케쥴표: Obsidian.md: ## PH2024-08-20 : First posting.## TOC## RRA[FS 2기] 커리큘럼 시트 (수강생용)https://publish.obsidian.md/iasandcb/ https://publish.obsidian.md/iasandcb/site/2024-08-26 https://publish.obsidian.md/iasandcb/site/2024-08-27 https://publish.obsidian.md/iasandcb/site/2024-08-28 https://publish.obsidian.md/iasandcb/site/2024-08-29 https://publish.obsidian.md/iasandcb/site/.. 더보기
코드잇 풀스택 2기 - Week 5 # 코드잇 풀스택 2기 - Week 5스케쥴표: Obsidian.md: ## PH2024-08-19 : First posting.## TOC## RRA[FS 2기] 커리큘럼 시트 (수강생용)https://publish.obsidian.md/iasandcb/ https://publish.obsidian.md/iasandcb/site/Part+1/2024-08-19 https://publish.obsidian.md/iasandcb/site/2024-08-20 https://publish.obsidian.md/iasandcb/site/2024-08-21 https://publish.obsidian.md/iasandcb/site/2024-08-22 https://publish.obsidian.md/iasandc.. 더보기
코드잇 풀스택 2기 - Week 4 # 코드잇 풀스택 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 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 # 코드잇 풀스택 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일 차] (각장 개성 있게 글의 제목을 지어주세요!)오늘의 나는 무엇을 잘했을까? → 성취오늘의 나는 무엇을 배웠을까? → 학습오늘의 나는 어떤 어려움이 있었을까? → 개선내일의 나는 무엇을 해야 할까? → .. 더보기
AWS server|서버 에서 GitHub 가 너무 느려질때 해결 방법. # 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 까지만 열어놨었었는데, 이게 문제인거 같.. 더보기
자바스크립트 (JavaScript) 기초 # 자바스크립트 (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 분석 (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.. 더보기
week2 위클리 페이퍼 (브라우저가 어떻게 동작하는지 설명) # 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 를 또 보내 데이터들을 다운로드 받아 적절하게 표현해주게.. 더보기