분류 전체보기 썸네일형 리스트형 [javascript] 웹UI를 만들어보며 공부하는 자바스크립트 문법 🌈 자바스크립트는 HTML 조작을 위해 사용 자바스크립트는 "html 조작과 변경" 을 담당하는 언어이다. 왜 조작을 하냐? - 탭, 모달 등 웹페이지 UI 만들 수 있음 - 유저가 입력한 데이터를 검사할 수 있음 - 유저가 버튼 누르면 서버로 데이터 요청 할 수 있음 📕 html 조작, 변경하려면 안녕하세요 자바스크립트 코드를 짜고 싶으면 알림창열기() 라고 쓸 때마다 function 안에 있는 긴 코드가 실행된다 ✅ 함수 이름 작성 시 - open_alert() 이런거 쓰면 안됨 - openAlert() 이렇게 붙여서 쓰는게 자바스크립트 관습 (일명 camelCase) 🌈 function의 파라미터 문법 function 알림창열기(파라미터){ document.getElementById('alert'.. 더보기 [Vue.js] 뷰 컴포넌트 컴포넌트란 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있다 재사용성 직관적 이해 뷰에서는 웹 화면을 구성할 때 흔히 사용하는 네비게이션 바, 테이블, 리스트, 인풋 박스 등과 같은 화면 구성 요소들을 잘게 쪼개어 컴포넌트로 관리 컴포넌트 등록하기 📌 전역(Global) 컴포넌트 등록 여러 인스턴스에 공통으로 사용할 수 있다 뷰로 접근 가능한 모든 범위에서 사용 가능 뷰 라이브러리를 로딩하고 나면 접근 가능한 Vue 변수를 이용하여 등록한다 전역 컴포넌트를 모든 인스턴스에 등록하려면 Vue생성자에서 .component()를 호출하여 수행하면 된다 Vue.component('컴포넌트 이름', { //컴포넌트 내용 .. 더보기 [Vue.js] Vue Instance 뷰 인스턴스 (Vue Instance) 뷰로 화면을 개발하기 위해 필수적으로 생성해야하는 기본 단위 뷰 인스턴스 생성 new Vue({ ... }); 🍀 'Hello World' 를 출력하는 코드 더보기 [Vue.js] Vue.js 란 회사에서 쓰는 프론트엔드 프레임워크는 '뷰'를 쓰고 있다. 무엇보다 프론트엔드는 자바스크립트만 잘 할 줄 안다면(물론, HTML, CSS 도 알아야 하지만) 어느 프레임워크를 쓰던지 쉽게 적응이 가능하다 그야말로 프레임워크는 자바스크립트를 유용하게 쓰기위한 '프레임워크' 일뿐! 틈틈이 자바스크립트를 얼른 마스터해야겠다... 📌 Vue.js 란? 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크 뷰는 화면단 라이브러리이자 프레임워크이다 프레임워크 개발자들의 개발 생산성을 높이기 위해 일정한 틀과 규칙에 따라 개발하도록 미리 구조를 정의해 놓은 도구 라이브러리 자주 사용되는 기능들을 모아 재활용할 수 있도록 정리한 기술 모음집 돔 HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있.. 더보기 [네트워크보안] #3. 네트워크 주소 네트워크 주소IP주소 란?Internet Protocol Address, 인터넷 규약 주소인터네트워크상에서 패킷을 송수신하기 위한 출발지와 목적지를 구분하는 식별자다.IP통신을 하려면 네트워크에 연결된 모든 장치가 각각 식별자를 가지고 있어야 한다. 이 식별자를 이용해 메시지를 보내는 송신자를 수신자의 식별자를 인식하고, 메시지를 목적지로 보낸다. 더 자세한 내용은 그전에 쓴 이 글을 보면 된다.https://eonhwa-theme.tistory.com/49?category=917791 IPv4 와 IPv6 의 이해💠 네트워크 기본 IP 주소 체계 ◾ 컴퓨터나 네트워크 장비 등의 모든 통신 기기들은 인터넷을 사용하기 위해 IP 주소를 사용 ◾ 전송은 TCP 가 담당 ◾ 클래스 구분하여 관리 ◾ IP .. 더보기 [네트워크보안] #2. 네트워크 개념 (OSI, OSI 7 Layer) OSI (Open System Interconnetion)OSI 란?동일한 통신 수단을 가진 컴퓨터끼리만 통신하는 폐쇄형 시스템이 아닌 다양한 통신이 가능한 디바이스가 서로 의미 있는 데이터를 주고받을 수 있도록 표준 프로토콜을 사용하게 하는 개방형 시스템 간의 통신 연결을 의미한다. OSI 7 LayerOSI 7 Layer 란?ISO (International Standard Organization, 국제표준화기구) 에서 개발한 모델로, 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나눠 설명한 것이다. 이기종 시스템 간의 통신을 기술적인 독립성, 기능적인 공통성 등의 관점에서 7개의 계층과 각 계층 간의 프로토콜을 규정한 통신상의 구조를 나타낸다. ❗❓ 프로토콜 스택 .. 더보기 [네트워크개론] #1. 통신의 개념 (데이터 통신, 인터네트워킹, 통신의 진화, TCP/IP) 통신의 개념통신이란?어떤 목적을 가지고 한 지점에 있는 사람이 다양한 수단, 과거에는 소리나 멀리서 볼 수 있도록 불빛이나 연기를 이용한 봉화로부터 현재는 전기나 광신호를 이용한 디지털 통신을 이용해 다른 지점에 있는 사람에게 의미 있는 정보를 전달하는 것을 말한다. 데이터 통신정보화 IT 기기 컴퓨터를 이용해 기계나 사람이 이해할 수 있도록 기호나 문자와 같이 일정한 형태를 가진 정보를 전달하는 것을 말한다. 📌 데이터 통신의 목적은 출발지에서 데이터를 보내기를 원하는 임의의 목적지에 의미 있게 만들어진 정보를 전달하는 것이며, 목적지로 전달할 때 컴퓨터와 같은 수단을 이용해서 왜곡없이 정확히 정보를 전달하는 것이다. 📌 통신시스템을 이루는 매체를 간단히 살펴보면, 컴퓨터와 같은 단말장치와 이.. 더보기 GitHub 사용법 github 사용하기 토큰 만들기📌 Personal access token 만들기우측 상단의 프로필 - SettingsDeveloper SettingsPersonal access tokens - Generate new tokenrepo 및 원하는 기능에 체크, 기간 설정 뒤 Generate token토큰 안전한 곳에 보관해 둘 것 ﹅ MACKeychainAcess 앱 실행github 의 인터넷 암호 항목 선택사용자명과 토큰 붙여넣기 원격 저장소 사용하기 로컬에 원격 저장소 추가 후 푸시 - HTTPS 프로토콜 사용 📌 GibHub 레포지토리 생성 후 복붙 명령어git remote add origin (원격 저장소 주소)로컬의 git 저장소에 원격 저장소로의 연.. 더보기 [11720][java][백준] 숫자의 합 알고리즘 분류 수학 문자열 사칙연산 풀이 ① charAt() 은 해당 문자의 아스키코드 값을 반환 하므로 반드시 - 48 또는 -'0' 을 해주어야 우리가 입력받은 숫자 값 그대로를 사용할 수 있다. import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int cnt = sc.nextInt(); String num = sc.next(); int sum = 0; for(int i=0; i 더보기 [11654][java][백준] 아스키 코드 알고리즘 분류 구현 풀이 ▼ Scanner() Method - next() : String, 다음 토큰을 문자열로 리턴 - nextLine() :String, '\n'을 포함하는 한 line을 읽고 '\n'을 버린 나머지만 리턴 - nextInt() : int, 다음 토큰을 int 타입으로 리턴 - close() : void, Scanner 의 사용 종료 - hasNext() : boolean, 현재 입력된 토큰이 있으면 true, 아니면 새로운 입력이 들어올 때까지 무한정 기다리면서 새로운 입력이 들어오면 그때 true 리턴, ctrl+z 키가 입력되면 입력 끝으로 false 리턴 * next() 와 nextLine() 의 경우 둘 다 문자열을 받을 수 있는 메소드이지만 nextLine() 이 개행문자.. 더보기 이전 1 ··· 5 6 7 8 9 10 11 다음
