JiYoung Dev 🖥

🎈 배열 실습 🎈 함수 특정 기능을 수행하는 소스 코드를 하나로 묶어 필요할 때마다 호출하여 사용하기 위한 구조 // 함수 : 특정 기능을 수행하는 소스 코드를 하나로 묶어서 // 필요할 때마다 사용하기 위한 구조 // 함수 선언 function intro() { console.log('안녕하세요. 저는 신지영입니다👩'); } // 함수 호출 intro(); // 매개변수 function lunch(menu) { console.log(`점심으로는 ${menu} 먹었습니다🥰`); } lunch('가츠동'); // 매개변수 + return문 function dinner(menu){ return `저녁으로는 ${menu} 먹을 거에요!😸`; } console.log(dinner('라면')); 위와 같이 함수를..

🎈 자바스크립트 반복문 실습 for문 실습 // 1. 사용자로부터 시작 숫자와 마지막 숫자를 입력 받는다. // 1-1. 입력창을 입력 : prompt ** 리턴타입 String // 1-2. String -> Number : 형변환 // 1-3. 어딘가에 저장 : 변수 let startNum = Number(prompt('시작할 숫자를 입력하시오.')); let endNum = Number(prompt('마지막 숫자를 입력하시오.')); // 2. 시작~마지막 숫자까지의 합을 구한다. let sum = 0; for(let i = startNum ; i > sum 출력 console.log(`${startNum}부터 ${endNum}까지의 합은? >> ${sum}`); while문 실습 자바스크립트에서 ..

코드 작성시 주석 작성을 통해 다른 사람이 코드를 보아도 이해하기 쉽도록 할 것! 🎈 CSS 📖 CSS(Cascading Style Sheets)란? HTML문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어 (프로그래밍 언어X, 마크업 언어X, 스타일 시트 언어O) Cascading(캐스케이딩)은 폭포, 위에서 아래로 쏟아지는 뜻을 가진 단어로 같은 요소에 여러 개의 스타일이 중복되었을 때 스타일 우선순위와 상속을 통해 어떤 스타일을 적용할지 결정한다는 의미 📖 왜 CSS를 따로 만들었을까? HTML만으로 웹페이지를 제작하는 경우 HTML 요소의 세부 스타일을 일일이 지정해야 함. 이 작업은 매우 많은 시간이 걸리며, 완성한후에도 스타일의 변경 및 유지 보수가 어려움. → 정보 표현(HTML)과 디자인..

🎈 변수 데이터를 저장하는 공간 자바와 달리 자바스크립트는 느슨하게 자료형을 체크한다. → 자바에서는 변수명 앞에 자료형을 작성하여 변수 선언을 하지만 → 자바스크립트에서는 자료형에 관계 없이 변수선언 키워드(let)을 사용하여 변수를 선언한다. 📖 변수 선언 키워드 3가지 ⚙️ var 변수 재선언 가능 변수 재할당 가능 ⚙️ let 변수 재선언 불가능 변수 재할당 가능 ⚙️ const 변수 재선언 불가능 변수 재할당 불가능 // 변수 : 데이터를 담을 공간 let num = 3; // let -> 변수 선언 키워드 // num -> 변수 이름 // 3 -> 변수에 할당된 값 // 재선언 : 같은 변수 이름으로 다시 변수를 선언하는 것 // 재할당 : 선언된 변수에 다시 값을 할당하는 것 // var :..

🎈 리스트 태그 📖 unordered list 번호 없는 목록을 선언할 때 사용하는 태그 📖 ordered list 번호 있는 목록을 선언할 때 사용하는 태그 📖 list item , 태그 안에서 콘텐츠를 담기 위해 공통적으로 사용되는 태그 리스트 태그 딸기 바나나 사과 JAVA DB 실습! 구매 목록 딸기 소고기 샤브샤브 샤브샤브 순서 육수와 소스를 넣는다 재료들을 넣는다 고기를 넣는다 🎈 이미지 태그 웹페이지에 이미지를 보여주는 태그 필수 속성 → src : 이미지의 경로를 지정 ⚙️ 경로를 알려주는 방법 1. 절대 경로 어떤 페이지나 파일이 가진 고유한 경로 외부 웹페이지로 연결할 때 사용 내가 파일을 어디에서 사용하고 있던 절대경로는 수정할 필요가 없음 그러나 원본이 사라지게 되면 함께 사라짐 2..

🎈 JavaScript란? 웹 페이지를 프로그래밍적으로 제어하기 위해서 개발된 언어 객체(object) 기반의 스크립트 언어 HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버측 프로그래밍에서도 사용할 수 있음 🎈 ECMAScript (ES1, 2,... ) 표준화된 스크립트 프로그래밍 언어 자바스크립트를 표준화하기 위해 만들어짐 브라우저에서 동작하는 언어를 만들 때 문법적인 사항들을 정리한 문서 🎈 자바스크립트 작성 방식 웹 브라우저에는 자바스크립트 소스를 읽고 처리하는 해석기(JavaScript Interpreter)가 있음. 따라서 자바스크립트 소스는 웹 문서..

🎈 정렬 알고리즘 원소들을 일정한 순서대로 열거하는 알고리즘 📖 삽입정렬 특정한 데이터를 적절한 위치에 삽입하는 정렬 데이터가 거의 정렬 되어 있을 때 효율적 📖 병합정렬 주어진 자료를 잘게 쪼갠 뒤 합치는 과정에서 정렬 📖 퀵정렬 기준 키(pivot)를 기준으로 작거나 같은값을 지닌 데이터는 앞으로, 큰 값을 지닌 데이터는 뒤로 가도록 하여 데이터를 분리해가며 정렬 왼쪽에서 시작한 키는 기준키보다 크면, 오른쪽에서 시작한 키는 기준키보다 작으면 멈춤 두 개의 자리를 바꿈 두 개의 커서가 만나면 왼쪽으로는 기준키보다 작은 값만, 오른쪽에는 기준키보다 큰 값만 남음 📖 버블정렬 두 인접한 원소를 비교하여 정렬하는 방법 한 턴만 끝나도 가장 큰 숫자가 제일 뒤에 있음 시작은 인덱스 0, 1부터 > 1, 2 ..

🎈인터넷(Internet) 여러 통신망을 하나로 연결한다는 의미인 '인터 네트워크(inter-network)'의 말에서 시작 전 세계 컴퓨터를 하나로 연결하는 거대한 컴퓨터 통신망 https://www.huffingtonpost.kr/news/articleView.html?idxno=29681 해저케이블과 인터넷 스마트폰 세상에서 모든 정보가 무선으로 오가는 걸로 보이지만, 실제론 광케이블이 담당한다. 국내에서 인터넷은 연구망인 하나망이 위성통신으로 하와이대학에 연결된 게 시작이지만, 1991년 www.huffingtonpost.kr 인터넷은 클라이언트와 서버로 구성되며, TCP/IP라는 기본 프로토콜을 통해 제공됨 🎈웹(WEB) 월드 와이드 웹(World Wide Web) = WWW = W3 = 웹(W..

🎈 JDBC(Java DataBase Connectivity) 자바에서 데이터베이스에 접속하기 위해 사용되는 자바 API JDBC를 사용하면 Java에서 다양한 데이터베이스에 접속하고 SQL을 사용하여 데이터를 조작할 수 있음 📖 JDBC Driver JDBC는 데이터베이스와의 통신을 위한 표준 인터페이스를 제공하며, 데이터베이스의 종류나 벤더에 독립적으로 작성된 자바 애플리케이션에서 다양한 데이터베이스에 접속할 수 있음. 📖 JDBC 흐름 순서 ⚙️ JDBC Driver 로드 데이터베이스 벤더가 제공하는 JDBC 드라이버를 로드함. 드라이버는 데이터베이스와의 연결을 관리하고, JDBC API를 구현한 클래스들의 집합 ① 해당 프로젝트에서 외부 라이브러리 불러오기 : 프로젝트 우클릭 > Build Pat..

컴퓨터 파일을 공유할 수 있도록 도와줌 단점 : 보안 내 컴퓨터에 깃허브에서 접근할 수 있는 공간을 만듦 → 로컬 저장소(local repository) 이클립스에서 작업한 내용(작업물)을 로컬저장소로 옮기는 작업 : commit commit 작업이 선행된 후 push, pull 작업이 진행됨 깃허브에 먼저 공유된 내용이 있다면 깃허브에 있는 내용을 먼저 내려받은 후 푸쉬를 해줘야 함 ① commit - pull ② commit - push ⚙ GitHub 활용시 지켜야 하는 규칙 1. 수정을 할 때 같은 파일을 동시에 수정하지 않기 > 충돌이 발생할 수 있음 > 충돌 발생 예방을 위해 프로젝트 사본 만든 후 거기서 작업 그 후 push/pull 2. pull, push 작업을 할 때 꼭 commit을 ..