목록전체 글 (158)

김숭늉 마음대로

프론트엔드의 프레임워크(HTML, CSS, JS 라이브러리), 프레임워크 사용 예시 - 코딩 챌린지 45일차

안녕하세요. 오늘도 김숭늉입니다. 100일 코딩 챌린지 45일차입니다. 그럼 바로 본론으로 들어가보시죠 레쓰고~ 프론트엔드의 프레임워크(=라이브러리)란? 영어로는 타사 패키지(Third Party Packages)작업 이라고도 부릅니다. 간단한 코드 패키지나 코드파일이라고 생각하시면되는데, 제 3자가 작성을 한 후 전 세계의 web을 통하여 배포되어 개인의 프로젝트에 추가하거나 참고 할수 있습니다. 이러한 라이브러리에는 아주 많은 기능이 내장되어있고, HTML 요소에 직접 작성하지 않고 특정모양 레이아웃구조등을 얻을 수 있어요. 즉 html, css, 자바스크립트 코드를 일일이 작성하지 않아도 되니 모든 시간을 절약할수 있고, 효율의 끝판왕을 느끼실수 있는거죠. (프레임워크 없이 모든 css와 html을..
IT/웹개발 (100일 도전) 2023. 9. 2. 15:17
윈도우(window) 기본기능 캡처도구에서 직선 긋는법, 직선 적용하는 방법

안녕하세요. 오늘도 김숭늉입니다. 이번글에서는 윈도우 캡처도구기능에서 직선을 긋는 방법에 대해 알아보겠습니다. 그럼 바로 본론으로 들어가보시죠 레쓰고~ 윈도우(window)에서 캡처도구는 여는 방법 첫번째 방법 캡처도구를 여는 방법은 단축키 '윈도우키 + shift키 + s'로 캡처도구를 열 수 있습니다. 두번째 방법 윈도우키 캡처도구 검색 해주세요. 그럼 아래 그림처럼 캡처도구가 뙇 나올거예요. 캡처도구에서 일직선 긋는 방법? 이건 윈도우에서 캡처도구를 여는것보다 더 간단합니다. 하단에 캡처 그림을 보시면 줄자 같은 아이콘이 있죠? 그걸 누르면 아래 그림과 같은 큰 자가 등장하는데요. 내가 직선을 긋고싶은 위치에 자를 움직여서 선을 그으시면 됩니다. 하하 여태 바로 코앞에 이런 기능이 있는줄 모르고....
IT/관련 tip 2023. 9. 1. 10:50
Jquery 설치하는 방법(두가지 방법) + 필수로 알아야할 지식

Jquery 설치 방법에 대해 알아보겠습니다. Jquery는 자바스크립트 코드를 짧고 효율적으로 쓸수있는 마법의 라이브러리이죠! 아주 오래된 라이브러리여서 아주 안정된 라이브러리라고 볼수 있으며 아직까지도 많은 사람들이 쓰고 있는 라이브러리 입니다. 바로 본론으로 들어가서 Jquery 설치방법에 대해 알아보겠습니다. 이 Jquery를 설치하는 방법에는 총 두가지가 있습니다. 먼저 첫번째 방법부터 알아볼게요. 첫번째방법 : 내컴퓨터에 직접 Jquery 파일 다운 내 컴퓨터 안에 Jquery파일을 다운로드하여 스크립트 소스로 파일경로를 연결 시키는 방법입니다. 아래 URL에 접속하거나 구글에 'Jquery CDN'이라고 검색을 하시면 됩니다! 원하는 버전의 파일을 클릭하시면 됩니다. 간단하죠 ? 아래 캡처로..
IT/JavaScript 2023. 8. 31. 19:58
자바스크립트에 대해 (전반적인 총정리/기본 왕초보 level)

1. 자바스크립트에서 이벤트란? 웹브라우저 상에서 일어나는 의미있는 동적인 이벤트 ! // 클릭시 alert // 변화가 있는경우 alert // 화살표 아래방향시 alert 2. 자바스크립트에서 콘솔창이란? 개발자도구로 들어가 Elements 에서 esc를 누르면 콘솔창이 사라졌다 생겼다함 콘솔창에서 화살표 윗쪽 키를 누르면 전에 썻던 코드가 불러와짐 3. 자바스크립트에서 데이터타입이란? 자바스크립트 데이터타입에는 어떤것이 있는가? 참고 url https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures 'hello world'.length // 글자갯수 11개 'hello world'.toUpperCase() // HELLO WORLD 대..
IT/JavaScript 2023. 8. 30. 10:19
이전 Prev 1 ··· 5 6 7 8 9 10 11 ··· 40 Next 다음