JiYoung Dev 🖥

WWW = World Wide Web 인터넷상에서 하이퍼텍스트 방식으로 다양한 형태의 정보를 제공 internet = inter + network 전세계를 연결하는 통신망 WEB & HTML 정의와 역사 / HTML 태그 (2023.04.21) 🎈인터넷(Internet) 여러 통신망을 하나로 연결한다는 의미인 '인터 네트워크(inter-network)'의 말에서 시작 전 세계 컴퓨터를 하나로 연결하는 거대한 컴퓨터 통신망 https://www.huffingtonpost.kr/news/article danyoujeong.tistory.com 🎈 네트워크(network)란 무엇일까? network = net + work 그물처럼 서로 엮어서 일하는 것 통신 장비들이 그물망처럼 연결되어 데이터를 교환하는 형태..

jQuery : JS 라이브러리 요소 접근 → $(css선택자) 기능 추가 → .메소드() 내용만 → .text() 태그까지 → .html() 스타일제어 → .css() 한줄씩 입력 $('h1').css('속성1','값1') $('h1').css('속성2','값2') $('h1').css('속성3','값3') chain 방식 $('h1').css('속성1','값1').css('속성2','값2').css('속성3','값3') 객체 방식 $('h1').css({ '속성1' : '값1', '속성2' : '값2', '속성3' : '값3', }) 🎈 동적 이벤트 바인딩 📖 이벤트 바이딩 JS코드와 jQuery코드는 대부분 이벤트(event)에 의해 동작함 이벤트란 대표적으로 클릭, 키보드 입력 등 사..

🎈 CallBack함수 코드를 통해 명시적으로 호출하는 함수가 아니라 어떤 이벤트가 발생하거나 특정 시점에 도달했을 때 시스템에서 호출하는 함수 (명시적 호출 X) 구조상으로는 함수 안에 파라미터로 함수가 들어가는 구조 Click! 콜백함수 실습 Click! 🎈 JQuery 📖 라이브러리 vs 프레임워크 공통점 : 함수(코드)를 굉장히 많이 모아놓은 것 차이점 : 누가 제어를 하는가? - 라이브러리는 내(개발자)가 주체가 되어 필요한 소스를 가져다 사용하는 것 → 내가 원하는 도구를 선택해서 사용하는 것 (예 : 공구함) - 프레임워크는 주어진 환경 안에서 규칙을 만족시키면서 사용 (예 : 설계도) ⚙️ 라이브러리 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임. 즉, 특정 기능을..

🎈 사용자로부터 입력받은 값 가져오기 input, select, textarea 같이 입력받은 값을 가져오기 위해서는 value 속성을 사용해야 함 클릭 innerTEXT로는 값을 받아 올 수 없음 why? innerTEXT는 시작태그와 끝태그 사이의 콘텐츠를 받아오는 것이므로 📖 input 실습 입력한 값을 h1태그로 출력해보기 h1태그 출력 Question. 변수에 .value 속성 추가시 발생하는 문제 입력한 값을 h1태그로 출력해보기 h1태그 출력 let inputVal = document.getElementById('inputTag').value; 위와 같이 변수 지정시 inputVal = ''; 제대로 작동하지 않음 inputVal에 할당된 값은 해당 요소의 현재 값을 복사하는 것입니다. 그러..

🎈 MVC 패턴 Model. View, Controller로 이루어진 소프트웨어 디자인 패턴 🎈 추상 클래스 구체적이지 않은 추상적인 데이터를 담고 있는 클래스 자신의 기능들을 하위 클래스로 확장 비슷한 클래스가 여러개 생길 수 있다고 가정 중복 멤버 통합에 사용 - 각 클래스에 똑같은 변수가 있을 때 명확한 계층 구조가 필요할 때 🎈 인터페이스 객체의 내부 구현에 상관없이, 원하는 메소드만 호출하고 결과값을 받을 수 있는 상호작용 기능 🎈 게임만들기 프로젝트 DAO vs DTO vs VO 차이점 1. DAO(Data Access Object) DB의 data에 접근하기 위한 객체 직접 DB에 접근하여 데이터를 삽입, 삭제, 조회 등 조작할 수 있는 기능 수행 MVC패턴의 Model에서 수행 2. DTO..