앜스토리 | 호기심 많은 개발자의 보물창고

이벤트는 웹사이트를 인터랙티브하고 재미있는 애플리케이션으로 발전시킵니다. 코드에서 (HTML) 요소의 이벤트를 처리하면 웹 페이지를 유연하게 디자인할 수 있습니다. 따라서 이벤트 및 핸들러도 런타임에 조정할 수 있습니다. 웹 개발에서 가장 자주 사용되는 JavaScript 구조인 데에는 그만한 이유가 있습니다. 이를 통해 사용자가 a 를 클릭하거나 a 를 누르 거나 요소를 눌렀을 때와 같은 페이지의 이벤트를 수신 하여 HTML 요소에 대화형 기능을 추가할 수 있습니다 .buttonkeyloads 이벤트/리스너 개요 및 계획 그림 1: HTML 및 JavaScript의 이벤트 스키마 이벤트 유형을 선택하고 요소에 연결하고 리스너를 정의합니다. 이것은 웹 사용자 인터페이스에서 발생하는 JavaScript의 ..

귀찮아서 한꺼번에 하려고 포스팅 한다. VSCode 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 위 링크에서 리눅스 버전을 다운로드 ..

리눅스 데비안계열 패키지 설치법 dpkg 데비안 기반이냐, 레드햇 기반이냐에 따라서 설치 방법이 달라진다고 함. 레드햇 계열일 경우 패키지설치법은 rpm 명령어를 사용 우분투일 경우에는 dpkg 데비안 계열 : dpkg (설치 파일 확장명: *.deb) ■ deb 파일 구성 패키지이름_버전-릴리즈-아키텍처.deb ex) vim_4.5-3.deb ▶설치하기 dpkg -i 패키지파일명 ex ) dpkg -i jdk_1.7.045-1_amd64.deb 프로그램 설치는 dpkg보다 의존성을 해결해주는 apt를 사용해도 됨. (apt install 패키지) ▶설치여부 확인하기 dpkg -l 패키지이름 dpkg -l | grep 패턴 패턴써서 확인해도 되고 grep을 이용해서 뽑아내는 방법도 있다고 함. ex) d..

카카오톡 홈페이지에서 윈도우버전을 다운로드 받는다. 다운로드 받은 경로에서 LANG="ko_KR.UTF-8" wine KakaoTalk_Setup.exe 터미널에 위 명령어를 쳐주면 끝 (사전에 와인이 설치되어 있어야 함.)

설치방법 sudo apt-get install -f sudo apt-get update sudo apt-get dist-upgrade sudo apt-get install wine 삭제방법 sudo apt-add-repository --remove https://dl.winehq.org/wine-builds/ubuntu/ 설정방법 winecfg 설치 버튼을 클릭합니다. 필요한 파일들을 다운로드합니다. 다운로드가 완료되면 설치 버튼을 클릭하여 Wine Gecko 패키지를 설치합니다. 그리고 Wine 설정 창이 뜹니다. 그림과 같이 윈도우 버전을 선택해 줍니다. 참고로 원하는 윈도우 버전을 선택하셔도 됩니다. 라이브러리 화면에서 "d3dx11_43"을 선택하고 추가 버튼을 클릭합니다. 나머지 설정들은 기본 ..

Web 3.0(Semantic Web이라고도 함)에 대한 이야기는 10년 넘게 있었지만 마침내 언제 구현될까요? 그리고 그것은 대체 무엇입니까? 일반 인터넷 사용자인 나에게 어떤 영향을 미칩니까? 이 기사에서는 이러한 모든 질문과 그 이상을 다룰 것입니다. 웹 3.0이란 무엇입니까? Web 3.0을 이해하려면 먼저 Web 1.0과 Web 2.0을 이해해야 합니다. 웹 1.0 World Wide Web(Web 1.0) 발명가인 Tim Berners-Lee 는 1998년에 "Web 뒤에 있는 꿈은 정보를 공유하여 의사 소통하는 공통 정보 공간입니다. 그러나 꿈의 두 번째 부분이 있었습니다. 너무 일반적으로 사용되는 웹에 의존하여 우리가 일하고 놀고 사교하는 방식에 대한 현실적인 거울(또는 기본 구현)이 되었..

https://slproweb.com/products/Win32OpenSSL.html Win32/Win64 OpenSSL Installer for Windows - Shining Light Productions Minimum system requirements: Windows XP or later 32MB RAM 200MHz CPU 30MB hard drive space Recommended system requirements: Windows XP or later 128MB RAM 500MHz CPU 300MB hard drive space September 9, 2021 - OpenSSL 3.0 is available. Users should currently slproweb.com 여기서 다운받아 설치

고충실도 오디오 처리로 웹 애플리케이션을 구현하는 것은 어려운 작업일 수 있습니다. 그러나 올바른 도구를 알고 있다면 훨씬 쉽게 만들 수 있습니다. 이 기사에서는 요구 사항에 가장 적합한 라이브러리를 선택하는 데 도움이 되는 JavaScript용 5가지 최고의 오디오 처리 라이브러리를 소개합니다. 1. Howler.js — 무료이고 신뢰할 수 있는 기능이 풍부한 라이브러리 https://howlerjs.com/ Howler.js 는 Web Audio API 및 HTML5 Audio의 기능을 활용하여 매우 안정적인 크로스 플랫폼 오디오 지원을 제공합니다. 오픈 소스 라이브러리이며 오디오 스프라이트, 자동 캐싱, 코덱 지원 등과 같은 일부 기존 기능이 있습니다. 장점 단일 API는 많은 서비스를 제공합니다...

사진 Fotis Fotopoulos 에 Unsplash 반응 React는 웹 애플리케이션용 인터페이스를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다. 이를 통해 작고 독립적이며 재사용 가능한 코드 조각으로 복잡한 UI를 만들 수 있습니다. 또한 Facebook에서 유지 관리하고 개발하므로 프로젝트에 이 라이브러리를 사용하는 것에 대해 완전히 확신할 수 있습니다. Facebook, Twitter, Netflix, WhatsApp 등과 같은 웹 사이트에 사용하는 많은 대기업이 있습니다. React.JS 링크 뷰.js Vue.js는 사용자 인터페이스(특히 단일 페이지 웹 애플리케이션)를 빠르게 구축하는 데 도움이 되는 무료 컴팩트 오픈 소스 라이브러리입니다. 2014년 Evan You(..

보기만 해도 존나 복잡해보이는 이 그림 도대체 뭐하는 놈인지 파헤쳐보자. 진짜 간단한 SPA 프레임워크 냅두고 내가 왜 리액트를 파야하는 것인가...... 후ㅜㅜ... 리액트 어렵다. Redux란? 간단하게 말하면 React에서의 State를 관리하는 상태관리 라이브러리다. 상태관리의 로직을 컴포넌트 밖에서 처리하게 해준다. 위키피디아에서의 설명대로라면 단순하고 작은 라이브러리라는데 나한텐 왜케 어려운지 모르겠다. 얼마나 복잡한지 코드 구조좀 살펴볼까? 그냥 코드구조를 본 느낌은 ??? 이게 뭐지?? 하는 느낌이다. 도대체 어디서부터 시작이고 어디가 끝인지 알 수가 없는 복잡도.... 느낌만 말하자면 AJax처럼 데이터를 변수에 담아 말아서 던지는 느낌이다. 아래로부터는 리덕스에 대한 개념을 정리한 블로..