본문으로 바로가기
웹
해당되는 글 33건
웹/JS
[JS] Promise란? (then, catch, ...) - 프로미스 쉽게 이해하기
안녕하세요 파일입니다. 오늘은 JS에서 일종의 진입장벽이라고 할 수 있는 Promise에 대해 알아보겠습니다. 본 글은 우선 콜백 함수에 대해 어느정도 알고있다는 걸 전제로 합니다. 콜백 함수에 대해 모르시면 이 글을 참고해주세요. 동기 vs 비동기 우선 Promise에 대해 알아보기 위해 선행지식이 몇 가지 필요합니다. 그 중 하나가 바로 동기와 비동기 입니다. 동기와 비동기는 꼭 JS에서만 국한되는 개념은 아닙니다. 프로그래밍 언어를 좀 깊게 공부하시다가 보면 한번쯤은 만나게 되는 개념입니다. 쉽게 설명해서 동기는 순서대로 실행하는 것이고, 비동기는 순서대로 실행되지 않는 것 입니다. JS의 경우에도 호이스팅 이후 순서대로 실행, 즉 동기적으로 작동합니다. 코드를 위에서 부터 아래대로 순차적으로 읽어..
웹/Node.js
[Node.js] node-fetch와 cheerio 이용해서 웹 크롤링 하기
https://www.scrapingbee.com/blog/node-fetch/ Web Scraping with node-fetch In this tutorial we will see how to use the node-fetch package for web scraping. We will learn what the fetch API is and the different ways to use the package. www.scrapingbee.com 이번에 JS 의 비동기를 이용해서 빠르게 크롤링을 해보고 싶어졌습니다. 파이썬으로 크롤링 하는건 수도 없이 보이는데 Node.js 에서 웹 크롤링을 하는 예제가 많이 보이지 않아서 관련 링크를 첨부합니다. Node.js 에는 기본적으로 fetch() 가 없어..
웹/JS
[JS] 콜백 함수(Callback Function)란? [콜백 함수를 쓰는 함수 직접 만들어보기]
안녕하세요. 오늘은 JS에서 자주 사용되는 개념은 콜백 함수(Callback Function) 에 대해 알아보겠습니다. const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word => word.length > 6); console.log(result); // expected output: Array ["exuberant", "destruction", "present"] 위 코드는 developer.mozilla.org 란 곳에서 가져온 배열의 filter 메소드(함수) 를 사용하는 방법을 다루고 있습니다. JS에서 배열을 생성하면 그 배열은 .filter()라..
웹/JS
[JS] 화살표 함수란? (Arrow Function)
adder = (a, b) => a + b; console.log(adder(2, 3)); >>> 5 JS로 작성된 코드들을 보면 위와 같이 () 와 화살표(=>) 를 이용한 표현들을 볼 수 있습니다. adder에 어떤 표현식을 대입할 수 있고 adder(2, 3) 를 호출하면 return a + b; 를 하는 함수처럼 동작합니다. 실제로 위 표현은 화살표 함수라고 해서 함수를 간결하게 쓸 수 있는 표현 방법입니다. adder = (a, b) => a + b; 사실 이 표현은 adder = function(a, b) { return a + b }; 이 표현과 같은 것입니다. 대충 function 키워드를 빼고 화살표를 추가한 거 같은데 return은 어디로 사라졌을까요? 오늘은 화살표 함수(Arrow F..
웹/JS
[JS] var, let, const의 차이점
이번에 웹 공부의 필요성을 느껴서 이전에 대강 대강 이해하고 넘어갔던 JS를 심화 학습중입니다. 기존 응용 프로그램만 개발하면서 언어 자체가 '어렵다' 정도는 있어도 (C++ 이라던가...) 난해하다는 느낌은 없었는데 JS의 경우 제가 기존에 프로그래밍 하던 것과 다른 난해한 느낌을 받았습니다. 특히 자바스크립트의 과도한 유연성이 저에겐 혼돈의 카오스 그 자체였습니다... 'JavaScript is Weird' 라는 말이 개발자들 사이에서 도는게 그 증거겠죠. 그 중 첫번째가 바로 JS에서 변수 선언 방식인 var, let, const의 차이입니다. 오늘은 이 3가지의 차이점에 대해 좀 자세히 알아보겠습니다. *본 글에서 자바스크립트라는 단어는 전부 JS라는 단어로 축약해서 사용하겠습니다. var vs ..
웹/HTML + CSS
HTML위에서 파이썬 돌리기
https://www.youtube.com/watch?v=3DuyJf_XPtM https://pyscript.net/ Pyscript.net Run Python code in your HTML. pyscript.net HTML에서 프로그래밍 하려면 선택지는 딱 하나 "JS" 밖에 없는데 Web Assembley 를 이용해서 파이썬 코드를 HTML 에 삽입하여 동작시키는 Pyscript라는 프레임 워크가 하나 나왔습니다. 속도나 성능은 잘 모르겠는데 개인적으로 아주 흥미롭고 좋은 시도라고 봅니다. 개인적으로 JS의 언어 철학이나 기이함이 별로 마음에 들지 않아서 대체제가 등장하면 좋겠다는 생각이 많이 들었거든요.
웹/Etc
디스코드 러시아 스팀 해킹 사이트 분석 (dlscord.org) 해킹 주의하세요
관련 내용에 관한 링크를 첨부합니다. http://itcm.co.kr/g_board/8627388 대규모 해킹러시가 있습니다 조심하세요 - 이야기 - ITCM 1. 니한테 디스코드, 스팀, 에픽게임즈, 네이버, 다음 등으로 친추되어있거나 같은 채팅방에 있는 사람들이나 서로이웃 등이 되어있는 사람들로부터 사이트의 링크와 비스무리한 사이트의 링 itcm.co.kr ⛔ 디스코드 러시아 해킹 사이트 주의 https://dlscord.org/airdrop https://dlscord.org/steam https://dlscord.org/기타단어 현재 디스코드를 해킹 당하면 자신의 디스코드 계정으로 위 링크를 포함한 낚시 문구를 자신의 친구들에게 뿌리게 되고 친구들 중 한명이 위 링크를 타고 들어가면 스팀에서 디스..
웹/HTML + CSS
CSS Selector 성능 향상법
frontdev.tistory.com/entry/Css-%EC%84%A0%ED%83%9D%EC%9E%90-%EC%96%B4%EB%96%A4-%EA%B1%B8-%EC%8D%A8%EC%95%BC-%EB%8D%94-%EC%84%B1%EB%8A%A5%EC%9D%B4-%EC%A2%8B%EC%9D%84%EA%B9%8C?category=761560 Css 선택자. 어떤 걸 써야 더 성능이 좋을까? 많은 사람들이 CSS가 성능이 높고 성능이 떨어질 수 있다는 사실을 잊거나 단순히 깨닫지 못합니다. 그러나 성능이 좋지 않은 CSS를 얼마나 적게, 실수하고, 실현할 수 있는지 알면 쉽게 용서받을 frontdev.tistory.com 3줄 요약 1. CSS 선택자도 어떻게 쓰냐에 따라 성능 차이 존재함 2. ID 와 Cla..
