검색 본문
gall.dcinside.com mini tabitree 시로 마크나 자바스크립트 재설치는 해봄? 자바 스트립트 업데이트나 재설치 마크 재설치는 해봄? 2024.02.19 웹문서 검색 더보기 버튼 클릭 매크로 (자바스크립트 기반 / 프로그램 설치 필요 없음) 0. https://bluearchive.nexon.com/events/2023/07/special 접속 1. 브라우저로 개발자 도구 열기 (F12 나 Ctrl+Shift+I) 2. Console 탭 열기 3. 코드 입력란 (>)에 아래 코드 복붙 후 엔터 function sleep(ms... 토르할 때 자바 스크립트 써도됨 경우는 사용해도 돼 로그인만 하지 않는다면 자바스크립트 사용하지 말라는게 앞에 언급한 저런 위험한...토르 브라우저가 스크립트 허용하면 자동적으로 해킹하는 스크립트를 설치해놔서 저런 위험한 사이트... blog.naver.com IT'S IT! VSCode에 JavaScript 자바스크립트 설치 사용하기 13 외 등등 포함)에서 널리 사용되는 가장 중요한 프런트 엔드 언어 중 하나입니다. 만약 여러분이 프런트 엔드 개발자라면 본인이 사용하는 IDE에 자바스크립트(JavaScript)를 설치하고자 할 텐데, 사용하는 IDE가 VSCode라면 이를 적용하는 방법은 다음과 같습니다. 1. VSCode 설치하는 방법 1-1. VSCode에 JavaScript... 2024.04.04 블로그 검색 더보기 jiandohasblog.tistory.com Ji@n 2024.03.20_ Web02 CSS / 이클립스 자바스크립트 설치 / Web03 javaScript CSS Text Left Center Right DBOS와 DBOS 클라우드의 기원 스톤브레이커와 자하리아, 그 외의 연구원은 어떻게 모였고, 왜 DBOS를 만들었을까? 3년 전, 스톤브레이커는 InfoWorld와의 인터뷰에서 데이터와 컴퓨팅에 대한 수요가 증가하면서 데이터베이스에는 대량의 운영체제 상태 저장이라는 새로운 과제가 생겼다고 언급한 바 있다. 그 무렵 그는 데이터브릭스의 CTO이기도 한 자하리아의 강연에 참석해 포스트그레SQL의 성능에 대한 자하리아의 지적을 유심히 들었다. 스톤브레이커에 따르면 자하리아는 당시 데이터브릭스가 운영체제 CSS Link 구글 다음 네이버 CSS List Java HTML CSS JavasCript Java HTML CSS JavasCript CSS Table 급여 월 급여액 합계 15,000,000 1월 5,000,000 2월 5,000,000 3월 5,000,000 자바스크립트가 할 수 있는 일들 클릭 자바스크립트 출력 방법 document.write() 함수 사용 Click! innerHTML 속성 사용 Click! 다이얼로그(dialog) 사용 alert confirm prompt 콘솔 로그 출력 로그 출력 JavaScript if문, 비교연산자, 삼항연산자 전송 자바스크립트 Switch "둘" "1.1" 자바스크립트 for문, 전역/지역 변수 heading1 heading1 heading1 heading1 heading1 heading1 "test() 내부 : x = 1" "test() 내부 : n = 10" heading1 heading1 heading1 heading1 heading1 heading1 2 Java HTML CSS JavasCript Java HTML CSS JavasCript 2024.03.21 hyoddaengzzi.tistory.com 기묘한 기묘원 [JS] 자바스크립트 기본 환경 설치 및 기본 문법 구축 - 자바스크립트는 인터프리터(interpreter)언어로 작성과 동시에 바로 실행할 수 있는 언어 - 프로그래밍은 일반적으로 컴파일러와 인터프리터라는 과정을 통하여 프로그래밍 진행 - 컴파일러 : 소스코드를 기계어로 변환하는 과정이 필요 - 인터프리터 : 바로 실행 -> 컴파일러 <-> 인터프리터 - ES5면 윈도우의... 2024.05.11 shareitem.co.kr 자바스크립트-패키지-매니저 자바스크립트 패키지 매니저 NPM, YARN, NPX 비교 NPM NPM(Node Package Manager)은 자바스크립트 프로그래밍 언어를 위한 자바스크립트용 패키지 매니저입니다. Node.js를 설치하면 자동으로 설치가 됩니다. [node.js 설치 및 npm 명령어]는 아래 포스팅을 참고... 2024.06.04 ydoag2003.tistory.com 개발새발 로그 lighthouse - 자바스크립트 줄이기 🛠️프로젝트 성능을 측정해보자 위처럼 메인페이지를 성능측정해봤더니 처참했다. 현재 문제는 아래와 같다. 여기서 LCP가 가장 문제인 것으로 보인다. 하지만 오늘은 "자바스크립트 줄이기" 부분만 해결해보려고 한다. 🤔자바스크립트 줄이기? 말 그대로 불필요한 자바스크립트 코드를 줄이라고 하는 것이다. 그래서 커버리지로 검사를 해보면 아래와 같이 빨간 것을 볼 수 있는데이게 사용하지 않는 자바스크립트 코드라고 한다. 🤔그럼 어떻게 줄여야할까? 사실 줄이는 방법은 다양하다. 그래서 나는 먼저 코드 스플리팅을 시도했다. 기존에 route만 사용한 react-router-dom에서 lazy를 활용해서 아래와 같이 수정했다. // 동적 import를 위해 lazy 사용 const HomePage = lazy(() => import('./pages/home')); const PostDetailPage = lazy(() => import('./pages/postDetail')); //... const router = createBrowserRouter( createRoutes 📖번들 파일 분석 툴 bundle analyzer bundle analyzer는 번들 파일이 어떻게 이루어져있는지 확인하는 툴이다. 번들링된 번들파일이 어떤 코드로 이루어져있는지 트리맵으로 시각화해서 보여준다. webpack을 사용한다면 webpack-bundle-analyzer을 사용하고. 나는 vite를 사용했으므로 vite-bundle-analyzer을 설치해 사용했다. vite-bundle-analyzer 사용법은 간단하다. npm i -D vite-bundle-visualizer 설치한 다음 아래 명령어를 입렫하면 자동으로 창을 띄워준다. npx vite-bundle-vi 🤔근데 아직 많이 남은 자바스크립트는 어떻게 줄일까? 그래도 여전히 줄여야할 자바스크립트가 있다. 이 부분은 어떻게 줄여야할까? 나는 이 방법을 찾던 도중에 배포환경에서는 결과가 다를 수 있다는 정보를 알게 됐고,궁금해서 직접 확인해봤다. 내 프로젝트는 vercel에 배포되어있다. 배포 후 배포 후를 보면 성능 점수도 올라가있고, 이전에 보였던 다른 성능 문제도 없어진 것을 볼 수 있다. (3개의 문제는 똑같이 존재) 특히 내가 시도했던 자바스크립트 줄이기는 없어지고, 사용하지 않는 자바스크립트 줄이기만 존재하고 있다. (lazy를 적용안한 배포입니다) 🤔그럼 lazy를 적용... 📘마무리하며... 5월6일 현재 성능 최적화에 대해서 시도해본 점이 적었다. 아직 내가 성능 최적화를 글로만 알고 직접 해보지 못해서 별 거 아닌 것에 시간이 많이 소요됐다.그래서 다시 책을 읽고, 자료를 찾아서 다시 시도해보려고 한다. 특히 LCP 문제는 꼭 해결해보려고한다. 원래 처음에는 LCP문제를 해결하려고 했지만 검색했던 해결 방법으로 모두 시도해봤지만 성능에 변화가 없었다. 근본적인 문제임을 추측했고, 이 또한 책을 읽어서 다시 시도해보려고 한다. 15 위처럼 메인페이지를 성능측정해봤더니 처참했다. 현재 문제는 아래와 같다. 여기서 LCP가 가장 문제인 것으로 보인다. 하지만 오늘은 "자바스크립트 줄이기" 부분만 해결해보려고 한다. 2024.05.06 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 rec-of-tech.tistory.com Rec of tech's & financial 혼자 공부하는 자바스크립트 [개발환경 설치와 코드 실행] 22 코드를 작성하는 텍스트 에디터와 코드를 실행하는 코드 실행기가 필요 자바스크립트 개발을 위해 텍스트 에디터는 비주얼 스튜디오 코드(Visual Studio Code)를...실행기는 구글 크롬이라는 웹 브라우저 사용 코드 실행기: 구글 크롬 구글 크롬 설치하기 구글 크롬 홈페이지에 들어가서 [Chrome 다운로드] 버튼을 클릭... 자바스크립트 VisualStudio 개발환경 크롬 html Javascript 2023.08.30 티스토리 검색 더보기 brunch.co.kr Master Seo (책후기) 제로초의 자바 스크립트 입문-2024 제공받아 작성된 서평입니다. 책에서 크게 6가지를 배울 수 있다. <1> 자바스크립트 시작하기 위한 환경 설정법을 알려준다. <2> 프로그래밍 사고 훈련을 하기...스크립트 시작하기 위한 환경 설정법을 알려준다. 1 Visual Studio Code를 설치한다. VScode 다운로드 사이트 추가 작업 선택 화면 나오면 기타 항목을 모두... 자바스크립트 프로그래밍 2024.03.12 브런치스토리 검색 더보기 story.kakao.com 박양수 박양수 - 카카오스토리 있습니다. 앱은 일반적으로 기기에 다운로드해서 설치하거나, 앱 스토어나 마켓플레이스 에서 다운로드할...상호작용할 수 있습니다. 웹은 HTML, CSS, JavaScript 등을 사용하여 웹 페이지를 구성하며, 서버와... 2024.06.05 카카오스토리 검색 더보기
기리로그 ypangtrouble.tistory.com/ 신청자 작성 티스토리 Web(Html,CSS,Javascript)과 개발 언어(Java, Python, Spirng)에 대한 기초 문법 정보 정리. MySql과 Docker, NodeJS 기본 문법, framework, 네트워크, cloud, 도구 설치 방법, 각종 오류 정리, 프로젝트 개발 정보, IT 용어 정리, 신규 개발 안산시컴퓨터수리 부곡동컴퓨터수리 junwo.theop.co.kr/ 신청자 작성 부곡동,상록구,출장AS,안산시,맥윈도우설치,노트북포맷,USB,외장하드,데이터,컴퓨터수리. 연변88자바 zava.tistory.com/ 티스토리 연변88닷컴 자바 다운로드, 자바스크립트, 자바학원, java, 자바 설치, 자바6.0, javaScript