분류 전체보기 192

[ 감귤'S 기초 상식 01] 코딩에서 " 라이브러리 " 란 무엇일까??

개발 공부를 하다보면 주변 개발자들로부터 꼭 라이브러리 정독하는 습관을 가지라는 말을 많이 듣습니다. 어렴풋이 라이브러리의 의미는 알지만 남들에게 설명하라고 하면 할 수 없는 수준의 지식이기에 한번 정확하게 정리를 해보겠습니다. ◈ 라이브러리(Library)란?? 의미 그대로 도서관 = 책들의 집합 이라고 이해하겠습니다. 코딩/프로그래밍에서 말하는 '라이브러리'는 미리 지식/기능들을 모아둔 집합소(도서관)에서 필요할 때마다 기록된 코드를 빼와서 재사용 할 수 있도록 Class나 Function으로 만들어 진 것입니다. Java에서는 jQuery Python에서는 [수학적계산 Library, PDF TExt 추출 Library, DB 접속 Library ,,,etc ] 객체지향 프로그래밍(OOP)는 기본적..

[Coursera x K-mooc] JS2 : MD-01 [ jQuery 란, jQuery 적용하기, jQuery API, jQuery를 이용한 접히는 메뉴 바 ]

◆ JS2 : MD-01 [ jQuery 란?, jQuery 적용하기, jQuery API, jQuery를 이용한 접히는 메뉴 바 ] ◆ JS2 : MD-02 [ jQuery - animation효과, Easing Plugin] ◆ JS2 : MD-03 ◆ JS2 : MD-04 ◈ jQuery 란?? " 존 레식"쓰가 2006년에 발표한 크로스 플랫폼을 지원하는 경량의 자바스크립트 라이브러리입니다. HTML 문서의 탐색이나 조작, 이벤트 핸들링, 애니메이션, Ajax등을 멀티 브라우저를 지원하는 API를 통해 더욱 간편하게 사용할 수 있습니다. ▶ jQuery의 특징 1. 어떠한 브라우저에서도 동일하게 동작합니다. : 브라우저 호환성을 고려해서 대체 코드(Polyfill) 을 작성할 필요가 없다는 뜻입니..

[STR] - Plan : Study Time Record

가제 : STR [ Study Time Record ] ◈ 제작 기간 - total " 31일 " 목표 - 디자인 : 3일 ( 25일, 28일, 29일) (12/2, 12/3, 12/4) - 프론트 작업 (HTML.CSS) : 8일(11/30 ~ 12/6) (12/5 ~ 12/12) - 프론트작업 (JavaScript) : 8일(12/7 ~ 12/13) (12/13 ~ 12/20) - 백엔드 및 추가 작업 도전 : 11일 (12/14 ~ 12/26) (12/21 ~ 12/31) ◈ 기능 구상 1. 공부하는 시간을 기록할 수 있는 웹 페이지 : 타이머 성능 2. 타이머 기록이 종료 되면 하루동안 어느 공부를 얼마나 했는지 표시해주는 그래프 기록 (열품타 or 여름방학 계획표 ) 3. 주변 스터디 카페 추천..

coursera week 4

왜 K를 눌렀을 때 innerHTML에 작동하지 않는지 모르겠음. CSS #white-space : https://aboooks.tistory.com/187 #input -value값 지정 : https://biio-studying.tistory.com/59 #CSS border 테두리 속성 : https://www.codingfactory.net/10620 DOM 객체로 인한 Script 적용 위치에 따런 에러 해결 :https://velog.io/@ahn-sujin/Uncaught-TypeError-Cannot-read-property-addEventListener-of-null # innerHTML : https://hianna.tistory.com/480

SEF2022 - 네이버에서 주관한 소프트웨어 축제에 참가해보았다!(11/22 ~ 11/25) 많참부~

SEF 2022 - 네이버 커넥트재단이 주최, 주관하는 소프트웨어 교육 축제 누구나 참여해서 소프트웨어와 인공지능에 대한 고민과 경험을 나누는 온라인 페스티벌입니다. 다양한 강의 프로그램과 ZEP 내에서의 다양한 체험 활동을 경험해 볼 수 있습니다. 일시 : 11월 22일 ~ 25일 ( 강의는 오후 2 ~ 4시 ) 11월 22일 화 11월 23일 수 11월 24일 목 이외에도 프로그래밍 관련 유튜버들과의 상담의 시간도 있습니다 11월 25일 오후 2시 ~ 4시에 진행되며, 그 전에 미리 ZEP 에 방문해서 궁금 한 점들을 미리 질문해둘 수 있습니다. 네이버커넥트 재단 : SEF20202 : https://sef.connect.or.kr/2022 ▲ 위 링크를 통해서 강의를 들을 수 있는 유튜브로 갈 수 ..

[TID-221119] Java 복습 day + JS 기초 끝내버리기 주말

19일 20일 Java 복습 과 JS 기초 끝내버리는 주말로 정함. -< 응 몬하 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅠ TID (Today I did) 시작 시간 PM 13 : 00 종료 시간 AM 00 : 00 총 시간 05 : 38 11월 03일 (목) - Java 스터디 [상속과 다형성 ] 예습 - SSAFY 제출 레포트 (19일 오늘 저녁까지) - JavaScript 기초 coursera 강의 4주차까지 다 끝내기 ( 못함) - HTML/CSS 2주차 과제 오늘 19일저녁까지 제출 하루를 마친 소감

[TID -221118] coursera 강의 4주차까지 돌려버리기

오늘의 주된 목적은 coursera 강의 4주차까지 다 돌려버리기임. TID (Today I did) 시작 시간 PM 19 : 00 종료 시간 AM 01 : 00 총 시간 05 : 00 11월 03일 (목) - coursera 강의 JavaScript Basic 3주차 까지 끝냄 ( Slide 관련 기능 강의 들을 필요 있음 ) 하루를 마친 소감 응 못함 ㅋㅋㅋㅋㅋㅋㅋ ㅠㅠ 혭이랑 하루 최소 5시간 공부 인증하기로 함.. 하루 기록 인증 샷 이거 공부기록 남기는거 웹 페이지 프로젝트로 만들어봐도 될 듯.

[틈새 JS 기초] Mouseover - out Events

제목에서 " Q " 가 있는 경우는 해결하지 못한 궁금증이 있는 글들입니다. JavaScript 에서 Events 기능 정리 Scroll Events / Window Resizing / Key Down Events Submit + 태그의 action ■ Mouseover & Mouseout 하나의 element(변수)에 두개의 EventsListener 를 할당 할 수 있으며 JS는 두 가지를 함께 실행 한다. [ 준비 코드 ] Roll your mouse over the box 에 해당하는 빨간 box에 마우스를 가져다 대면 안의 글씨가 innerHTML = "The mouse is over the box"로 바뀜. 그런데 이렇게 코드를 작성하면 한번 마우스를 가져다 댄 이후 계속 " The mouse..

[Q-틈새 JS 기초] Submit Events + data 도착지 지정 : action

제목에서 " Q "가 있는 경우는 해결하지 못한 궁금증이 있는 글들입니다. JavaScript 에서 Events 기능 정리 Mouseover & Mouseout Scroll Events / Window Resizing / Key Down Events Coursera X K-mooc에서 Javascript basic 수강 중 따로 정리해두면 좋을 JS 기초들에 대해서 정리해보았습니다. 태그에서 data를 보내는 방식을 "GET" 방식으로 보내고 이때 보내지는 data들이 도착할 URL을 action을 이용해서 지정할 수가 있습니다. JavaScript Events //action ="url" - name을 보내고 그 data가 도착할 URL Your name : 그렇다면 데이터를 Get 방식으로 보낸다는 ..