[JS] var, let, const의 차이점

웹/JS 2022. 7. 3. 02:07

이번에 웹 공부의 필요성을 느껴서 이전에 대강 대강 이해하고 넘어갔던 JS를 심화 학습중입니다. 기존 응용 프로그램만 개발하면서 언어 자체가 '어렵다' 정도는 있어도 (C++ 이라던가...) 난해하다는 느낌은 없었는데 JS의 경우 제가 기존에 프로그래밍 하던 것과 다른 난해한 느낌을 받았습니다. 특히 자바스크립트의 과도한 유연성이 저에겐 혼돈의 카오스 그 자체였습니다... 'JavaScript is Weird' 라는 말이 개발자들 사이에서 도는게 그 증거겠죠. 그 중 첫번째가 바로 JS에서 변수 선언 방식인 var, let, const의 차이입니다. 오늘은 이 3가지의 차이점에 대해 좀 자세히 알아보겠습니다. *본 글에서 자바스크립트라는 단어는 전부 JS라는 단어로 축약해서 사용하겠습니다. var vs ..

Article Thumbnail
HTML위에서 파이썬 돌리기

웹/HTML + CSS 2022. 5. 22. 22:14

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의 언어 철학이나 기이함이 별로 마음에 들지 않아서 대체제가 등장하면 좋겠다는 생각이 많이 들었거든요.

디스코드 러시아 스팀 해킹 사이트 분석 (dlscord.org) 해킹 주의하세요

웹/Etc 2021. 10. 6. 18:01

관련 내용에 관한 링크를 첨부합니다. http://itcm.co.kr/g_board/8627388 대규모 해킹러시가 있습니다 조심하세요 - 이야기 - ITCM 1. 니한테 디스코드, 스팀, 에픽게임즈, 네이버, 다음 등으로 친추되어있거나 같은 채팅방에 있는 사람들이나 서로이웃 등이 되어있는 사람들로부터 사이트의 링크와 비스무리한 사이트의 링 itcm.co.kr ⛔ 디스코드 러시아 해킹 사이트 주의 https://dlscord.org/airdrop https://dlscord.org/steam https://dlscord.org/기타단어 현재 디스코드를 해킹 당하면 자신의 디스코드 계정으로 위 링크를 포함한 낚시 문구를 자신의 친구들에게 뿌리게 되고 친구들 중 한명이 위 링크를 타고 들어가면 스팀에서 디스..

Article Thumbnail
CSS Selector 성능 향상법

웹/HTML + CSS 2020. 11. 30. 00:19

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..

티스토리 본문 넓히기 (#2 반응형 스킨)

웹/HTML + CSS 2020. 11. 9. 17:35

블로그에서 #2 스킨이 깔끔하고 좋아서 사용중인데 본문 부분이 살짝 좁은 느낌이 들어서 수정해봤습니다. 티스토리 관리 페이지로 이동 >> 꾸미기탭 - 왼쪽아래 스킨변경 >> 오른쪽위 사용중인 스킨 부분 편집을 누릅니다. 오른쪽 부분에서 CSS 항목으로 이동한후 빨간색 부분만 수정해주면 됩니다. /* 헤더 */ .wrap_skin{position:relative;min-width:884px;min-height:100%;padding-left:23%;transition:padding-left ease-in-out 0.2s} .wrap_skin.navi_on {padding-left:960px} .area_head{position:fixed;left:0;top:0;width:23%;margin-top:171p..

Article Thumbnail
[PHP] 변경 사항이 Bitnami WAMP 서버에 즉각 반영되지 않을때

웹/PHP 2020. 10. 28. 22:03

Bitnami WAMP에서 PHP의 수정사항이 즉각반영이 되지 않는 불편함을 겪었습니다. 알아보니 PHP의 캐싱기능인 OpCache 때문이라고 합니다. 로드했던 PHP를 메모리에 넣어뒀다가, PHP를 재실행하면 이를 불러와서 성능을 향상시킨다고 합니다. 사이트 완성후엔 이것이 유리하겠지만 완성전엔 불편함만 있는거 같아서 끄는 방법을 알려드리겠습니다. Bitnami WAMP의 일반적 경로 C:\Bitnami\wampstack-버전 으로 이동한후 php.ini를 열어서 수정해줍니다. [opcache] zend_extension=php_opcache.dll ; Determines if Zend OPCache is enabled opcache.enable=0 opcache 부분만 0으로 바꿔주면 됩니다. 그 후..

Article Thumbnail
[CSS] a 태그 마우스 갖다댈때만 밑줄(underline) 표시하기

웹/HTML + CSS 2020. 10. 21. 21:48

This is a link 주목: a:hover은 a:link 와 a:visited 정의 이후에 등장해야 합니다 주목: a:active 은 a:hover 정의 이후에 등장해야 합니다 a:link 방문 전 링크 상태 a:visitied 방문 후 링크 상태 a:hover 마우스 오버시 상태 a:active 클릭 했을때 상태 출처 www.w3schools.com/css/css_link.asp CSS Styling Links CSS Links With CSS, links can be styled in different ways. Text Link Text Link Link Button Link Button Styling Links Links can be styled with any CSS property (e...

Article Thumbnail
[Node.js] 스팀 API 사용하기

웹/Node.js 2020. 10. 19. 21:30

설치방법 npm i steamapi cmd 창에서 다음 명령어를 입력해서 설치해주세요 * Node.js 가 설치되어 있고 환경변수가 등록되어 있어야지 작동합니다. 사실 스팀 Web API가 이미 친절하게 제공되어 있으나 기능을 구현하려면 GET으로 일일히 만들어줘야 합니다 그걸 Node.js로 미리 해주신 분이 있어서 우린 써먹기만 하면 됩니다! 사용예제 Steam Api Key는 다음 링크에서 받으실 수 있습니다. const API_KEY = 'your_api_key'; const SteamAPI = require('steamapi'); const steam = new SteamAPI(API_KEY); steam.resolve('https://steamcommunity.com/id/your_steam_..

Article Thumbnail