728x90 반응형 자바스크립트5 [jQuery] 제이쿼리 기초 : 시작하기, 선택자 jQuery 기초 jQuery(제이쿼리)는 HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리다. 존 레식이 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개하였다. jQuery는 오늘날 가장 인기있는 자바스크립트 라이브러리 중 하나이다. (자료출처 : https://ko.wikipedia.org/wiki/JQuery) 제이쿼리를 사용하는 이유는 다음과 같습니다. 페이지 내부 요소에 접근하기 쉽다.제이쿼리를 사용하지 않으면 DOM 트리를 이용해서 요소(element)에 접근해야 합니다. 이는 배우기도 어렵고 불편한데, 제이쿼리를 사용하면 CSS의 선택자를 이용해서 간편하게 접근할 수 있습니다. 페이지의 보여지는 모습을 변경하기 쉽다.동적으로.. 2021. 4. 27. 녹화프로그램! HTML, JS로 직접 만들어보기 유투브 '코드 스캘퍼' 님의 영상을 보고 만든 것입니다. 스크립트 코드로 촬영하고 녹화하고 저장까지 비교적 간단한 코드였습니다 그치만 Blob이라는 코드와 vodeo 코도도 처음 사용해보았습니다. 녹화를 누루면 녹화가 실행됩니다. 저렇게 제 모습이 녹화되고 오디오도 들어갑니다. 중지를 누르면 녹화가 중단 됩니다. 녹화보기 버튼을 누르면 방금 녹화했던 제 영상이 미리보기 화면에 출력됩니다. 그리고 다운로드 버튼에 링크가 걸리게됩니다. 다운로드 까지 됩니다. 모든 기능들이 문제없이 실행됐으나 전 다운로드된 영상을 보면 소리는 들리는데 화면이 블랙화면이었습니다. 코드상 문제는 없는것 같으나 유투브 댓글로 여쭤보니 라이브 서버를 다운받으라는 말씀을 하셔서 해보았으나 여전히 화면 출력이 되지 않습니다.ㅜㅜ 안타깝.. 2021. 4. 16. 바닐라 JS로 그림판 만들기 이번엔 바닐라JS로 그림판 만들기 수업을 들었습니다. 좀더 낯선 api 를 사용했으니 쉽고 재밌는 강의였습니다. only JavaScript로 만든 그림판의 기능은 다음과 같습니다. 1. 캔버스에 마우스로 그리기 (8가지 색) 2. paint 뿐 만아니라 Fill 채우기 기능 3. range로 브러쉬 두께 조절 4. 마우스 오른쪽 방지 5. sava 버튼으로 이미지 저장 그림판 디폴트 형태입니다. 아래 기능들로 색을 변경하거나 캔버스를 채우거나 브러쉬의 두께를 조절 할수있습니다. 첫번째와 두번째 선의 두께 차이가 있습니다. SAVA버튼 클릭시 내가 그린 그림이 자동 저장 됩니다. jpg파일보다 png파일이 픽셀이 덜 꺠져서 png파일로 설정했습니다. FILL 과 PAINT 버튼이 스위치 됩니다. 코드 공.. 2021. 4. 14. 바닐라 JS로 크롬 앱 만들기 Vanilla JS를 익히기 위해 찾다가 "노마드코더"라는 강의 사이트를 찾았습니다. 무료 강의가 좋은게 많이 있습니다. 초급 javaScript 를 배우고 싶으신 분들에게 추천 드립니다. (html css 를 전혀 모르는 상태라면 어려울것이라 생각됩니다) only JavaScript만으로 만든 크롬앱의 기능은 1. 시계 기능 2. 비교적 가벼운 데이터인 이름 및 todo 리스트를 브라우저 자체에 저장 3. todo리스트 삭제가능 4. 현재 위치 위도경도 값 받아 외부 날씨 api로 날씨 출력 (오른쪽 상단) 5. 랜덤 배경화면 출력 코드 공유 하겠습니다 clock.css body { background-color: #34495e; color: white; margin: 0; text-shadow: 1p.. 2021. 4. 12. 2021 웹 개발 테크트리 총정리(나는 무엇을 배워야 할까?) 안녕하세요 꼬바리입니다. 개발 공부를 시작할 때 필요한 언어들입니다. 이 모든 걸 다 할 수도 하지 않아도 되지만 유튜브를 보고 저도 정리가 된 거 같아 초보 개발자님들이 도움이 될 거 같아서 올립니다. 웹 개발의 가장 큰 틀입니다. 가장 양이 많은 프론트엔드입니다. 프론트 엔드 쪽에 관심 있으신 분들은 보시면 좋을 거 같아요 저는 백엔드 개발자로 시작하고 싶어서 가장 관심이 가는 분야입니다. 프론트엔드 기술도 어렵지만 백엔드가 없다면 프론트엔드는 이쁘기 한만 빈병 이기 때문에 백엔드를 중점으로 공부하고 있습니다. 기타 확장도 중요한데요. 요즘 핫하다는 인공지능과 앱 등이 있습니다. 무한정 발전하고 새로운 언어가 생길 가능성이 큰 분야 입니다. 작아서 안보이실 수도 있음으로 파일도 올려드리겠습니다. Re.. 2021. 3. 30. 이전 1 다음 728x90 반응형
