Tiny Rock On

Hardcode

Hardcode/Vue

vue template 속성, 문법

1. 데이터바인딩 - {{ }}- v-bind 2. 자바스크립트 표현식 3. 디렉티브 뷰 디렉티브란 html 태그 안에 v-접두사를 가지는모든 속성들을 의미v-if, v-for, v-show, v-bind, v-on, v-model 4. 이벤트 처리 v-on 디렉티브, methods 속성 확인 5. 고급 템플릿 기법 - computed 속성- watch 속성

Hardcode/Vue

$emit(), v-on:

하위에서 상위 컴포넌트로 이벤트 전달하기 이벤트를 발생시켜 (event emit) 상위 컴포넌트에 신호를 보냄상위 컴포넌트에서 하위 컴포넌트의 특정 이벤트가 발생하기를 기다리고 있다가 하위 컴포넌트에서 특정 이벤트가 발생하면 상위 컴포넌트에서 해당 이벤트를 수신하여 상위 컴포넌트의 메서드를 호출 - 이벤트 발생this.$emit('이벤트명'); - 이벤트 수신

Hardcode/Vue

props 속성

상위에서 하위 컴포넌트로 데이터 전달하기 props는 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용하는 속성props 속성을 사용하려면 먼저 하위 컴포넌트의 속성에 정의그런 다음 상위 컴포넌트의 html코드에 등록된 child-component 컴포넌트 태그에 v-bind 속성을 추가  v-bind 속성의 왼쪽 값으로 하위 컴포넌트에서 정의한 props 속성을 넣고, 오른쪽 값으로 하위 컴포넌트에 전달할 상위 컴포넌트의 data 속성을 지정

Hardcode

리눅스 명령어 모음

http://bioinfo.sch.ac.kr/linux_command/ 97가지 리눅스명령어51. lpr [op]    작업 파일을 프린터 큐로 보낸다. 쓰는 법    -Pprinter    작업을 수행할 프린터 이름을 정한다. 쓰는 법    #cd /usr/lib/rhs/rhs-printfilters/    #lpr-Plp testpage.asc    #lpr testpage-a4.ps 52bioinfo.sch.ac.kr https://www.hanbit.co.kr/channel/category/category_view.html?cms_code=CMS6390061632 [Rocky Linux] 15가지 리눅스 기본 명령어 정리리눅스 명령은 옵션까지 모두 포함해서 수천 개가 넘을 정도로 많습니다. 명령을..

Hardcode/SQL

[SQL] 중복제거 SELECT DISTINCT

SELECT DISTINCT 중복제거 SELECT DISTINCT 컬럼명 FROM 테이블명; SELECT COUNT (DISTINCT 컬럼명) FROM 테이블명; Example SELECT DISTINCT Country FROM Customers; SELECT COUNT(DISTINCT Country) FROM Customers;

Hardcode/java

[JAVA] break, continue

import java.util.Scanner; public class Main { public static void main(String[] args) { for (int i = 0; i < 10; i++) { System.out.println(i); if (i == 6) { break; } } System.out.println("====="); for (int i = 0; i < 10; i++) { if (i == 6) { continue; } System.out.println(i); } } }

Hardcode/java

[JAVA] Switch

import java.util.Scanner; public class Main { public static void main(String[] args) { boolean isMarried = true; boolean isMan = true; String str; str = isMarried ? "결혼 했다" : "결혼 안 했다"; if (isMarried || !isMan) { str = "결혼 했다"; } else { str = "결혼 안 했다"; } switch (str) { case "결혼 했다" -> { System.out.println("O"); break; } case "결혼 안 했다" -> { System.out.println("X"); break; } default -> System.out..

Hardcode/java

자바빈(JAVABEAN), 자바빈 (JAVABEAN) 규약

JAVABEAN 자바빈 규약(관례)에 따라 만들어진 클래스 자바빈 (JAVABEAN) 규약 1. 자바빈은 특정패키지에 속해 있어야 한다 2. 오비로딩 되지 않은, 즉 매개변수 값이 없는 기본 생성자가 존재해야 한다 3. 멤버변수의 접근제어자는 Private으로 선언되어야 한다 4. 멤버변수에 접근 가능한 getter 와 setter 메서드가 존재해야 한다 5. getter 와 setter는 접근자가 public으로 선언되어야 한다 6. 직렬화 되어 있어야 한다 (선택사항) 출처 : https://dololak.tistory.com/133

Hardcode/java

자바 여러개 설치, 자바 여러개 전환

고급 시스템 설정 > 환경 변수 시스템 변수 -> JAVA_HOME C:\Program Files\Java\jdk-1.8 Path %JAVA_HOME%\bin - path에 이 경로 삭제 C:\Program Files\Common Files\Oracle\Java\javapath C:\Program Files\Java 에 scripts 폴더 생성 java17.bat @echo off set JAVA_HOME=C:\Program Files\Java\jdk-17 set Path=%JAVA_HOME%\bin;%Path% echo Java 17 activated. java8.bat @echo off set JAVA_HOME=C:\Program Files\Java\jdk-1.8 set Path=%JAVA_HOME%..

Hardcode/javascript

타입스크립트 TypeScript

자바스크립트 대용품 type 부분을 업그레이드 크기가 큰 프로젝트에서는 타입스크립트를 씀 (자바스크립트x) 자바스크립트는 dynamic typing을 가능하게 하는 언어라 문자를 숫자로 바꿔줌 편리한데 프로젝트 사이즈가 커지면 이렇게 자유도가 높은 것은 이게 단점이 됨 1. 그래서 타입스크립트를 사용하면 타입을 엄격하게 검사해줌 2. 에러 메세지 퀄리티가 높음 그래서 코드 에디터 부가기능 역할로 봐도 무방 TypeScript 설치 1. 최신 버전 nodejs 설치 2. 터미널 오픈 -> npm install -g typescript 3. 에디터 폴더 오픈 4. index.ts 타입스크립트 파일 생성 5. tsconfig.json 생성 5-1. { "compilerOptions" : { "target": ..

paldang
'Hardcode' 카테고리의 글 목록