본문 바로가기

전체 글

Vue.js 기초 hello vue.js 예제 분석 {{ message }} 기본 디렉티브 v-text, v-html v-bind 요소의 콘텐츠 영역을 설정하는 것이 아닌 요소 객체의 속성들을 바인딩하기 위해 사용 v-model 양방향 바인딩 몇가지 수식어를 지원 lazy : 입력폼에서 이벤트가 발생할 때 입력한 값을 데이터와 동기화. 텍스트 박스에서라면 입력 후 포커스가 이동하거나 할때 데이터 옵션 값 변경 number : 이 수식어를 지정하면 숫자가 입력될 경우 number 타입의 값으로 자동 형병환되어 데이터 옵션값으로 반영 trim : 이 수식어를 지정하면 문자열의 앞뒤 공백을 자동으로 제거 입력된 이름 : 좋아하는 과일을 모두 골라주세요 사과, 키위, 포도, 수박, 참외 선택된 과일들 : v-show, v-if,.. 더보기
시작하기 개발환경 설정 node js 설치 npm install -g npm (최신 버젼으로 업그레이드) visual studio code 설치 플러그인설치 View -> Extension 또는 CTRL + SHIFT + X view-in-browser : html 파일을 기본 브라우져로 볼 수 있도록 함 vetur : vue.js 코드에 대한 문법 강조(Syntax highlighting), 코드 자동완성, 디버깅, 린팅 기능등을 제공 HTML Snippets : HTML 태그 조각을 빠르게 작성할 수 있도록 도와줌 JS-CSS-HTML Formatters : JS, CSS, HTML의 코드 자동완성 기능을 제공 (CTRL + SPACE) Vue 2 Snippets : Vue.js 2.0의 코드 조각 지원과 문.. 더보기
Round 23 JApplet 클래스와 JFC 고급 클래스 활용3 - JTable 클래스와 윈도우 탐색창 import java.awt.*; import java.awt.event.*; import javax.swing.*; import javax.swing.border.*; import javax.swing.event.*; class Round23_Ex08_Sub extends JFrame { private JRootPane jrp; private Container con; //private JTable jt = new JTable(); //private JTable jt - new JTable(3, 4); private String[][] str = { {"1_1", "1_2", "1_3", "1_4"} , {"2_1", "2_2", "2_3", "2_4"} , {"3_1", "3_2", "3_3", "3.. 더보기
Round 23 JApplet 클래스와 JFC 고급 클래스 활용2 - JTree 클래스와 윈도우 탐색기 import java.awt.*; import java.awt.event.*; import javax.swing.*; import javax.swing.border.*; import javax.swing.event.*; class Round23_Ex04_Sub extends JFrame { private JRootPane jrp; private Container con; // private JTree jt = new JTree(); private String[] str = {"AAA", "BBB", "CCC"}; private JTree jt = new JTree(str); private JScrollPane jsp = new JScrollPane(jt); public Round23_Ex04_Sub() .. 더보기
JApplet 클래스와 JFC 고급 클래스 활용1 - JApplet 클래스 JApplet 클래스를 이용한 애플릿 구현 Applet 클래스와 JApplet 클래스의 차이점 사용할 수 있는 범위 Applet : 보안과 관련된 부분에서 예외가 많이 발생 JApplet : 로컬시스템과 결합하기 전까지 예외가 발생하지 않음 주의할 점 그래픽을 표현할 때 paint()라는 메서드를 JApplet을 상속받은 클래스와 함께 쓰지 말아야 한다. Canvas와 같이 그래픽을 표현할 수 있는 다른 클래스의 도움을 받아 표시하는 것이 좋다. JApplet 그래픽 표현 예제 import java.awt.*; import javax.swing.*; class Round23_Ex01_Sub extends Canvas { public void paint(Graphics g) { g.drawLine(50, .. 더보기
JFC 구성 및 일반 클래스 활용2 툴바 import java.awt.*; import javax.swing.*; class Round22_Ex22_Sub extends JFrame { private Container con; private JToolBar jtb = new JToolBar(JToolBar.HORIZONTAL); private JButton bt = new JButton(new ImageIcon("bbb.gif")); private JButton bt1 = new JButton(new ImageIcon("ccc.gif")); public Round22_Ex22_Sub() { super("Test"); this.init(); this.start(); this.setSize(300, 200); this.setVisible(tr.. 더보기
JFC 구성 및 일반 클래스 활용1 Swing을 이용한 화면 구성 AWT(Abstract Window Toolkit) JFC(Java Foundation Class Library) (Swing) 플랫폼에 종속적인 컴포넌트 : 현재 시스템에 종속적으로 프래임 모형을 구축한다. 플랫폼에 독립적인 컴포넌트 : 자바로 만들어져 시스템에 독립적으로 프레임 모형을 구축할 수 있다. 중량의 컴포넌트 : 시스템 자원을 끌어와 사용하기 때문이다. 경량의 컴포넌트 : 자바로 구현된 소스를 이용하기 때문이다. 단일 프레임 : 컴포넌트를 표시하는 패널이 하나만 존재한다. 다중 프레임 : 컴포넌트가 적재되는 패널이 계층별로 여러개 존재한다. 사용 패키지 영역 : java.awt 등이 있다. 사용 패키지 영역 : java.awt, javax.swing, javax.. 더보기
애플릿 기본 구성 및 활용 애플릿 작성법과 실행 순서 애플릿 작성법 HTML을 통한 실행 클래스 작성 Applet을 상속받는 클래스 작성 웹 브라우저를 통한 실행 또는 appletviewer 명령어를 이용한 실행 APPLET 태그 태그 예제 Round21_Ex01.html 자바 애플릿!! Round21_Ex01.java import java.awt.*; import java.awt.applet.*; public class Round21_Ex01 extends Applet { public void init() { this.setLayout(new BorderLayout()); this.add("North", new Label("sample")); Lable lb = new Label("Hello Applet!", Label.CENT.. 더보기

티스토리툴바