석촌호수에 바닷가재가?

 이번엔 바닷가재다~

석촌호수에 바닷가재가 출몰했다.

관련 : 

 - 석촌호수 

 - 초대형 러버덕

#lobster, #wonderland, #seokchonlake, #석촌호수

Read More

석촌호수 피카츄

잠실 석촌호수에 피카츄와 라프라스가 출몰했다

비오는 날은 바람을 뺀다. 바람빠진 라프라스와 피카츄 ㅡ.ㅡ;

관련 : 

 - 석촌호수 

 - 초대형 러버덕

#피카츄, #라프라스, #pikachu, #lapras

Read More

CSS 선택자

CSS에서 선택자(Selector)란 ?

• HTML요소를 선택하여 적용하여 스타일을 적용하는데 사용할 요소

선택자의 종류

기본 선택자 :

• 전체 선택자 ( * ) : 모든 HTML 요소
• 태그 선택자 ( p, div ) : 특정 태그 이름을 가진 요소
• ID 선택자 ( # ) : id 속성 값이 특정 문자열과 일치하는 요소 (ex. #name)
• 클래스 선택자 ( . ) : class 속성 값에 특정 문자열이 포함된 요소(ex. .name)

후손(하위) 선택자 (  ) : 특정 요소 안에 있는 다른 요소(ex. div p) 

자식 선택자 ( > ) : 특정 요소의 직접적인 자식 요소(ex. div > p)

형제 선택자 ( + ) : 특정 요소 바로 다음에 오는 형제 요소(ex. h1 + p)

인접 형제 선택자 ( ~ ) : 특정 요소 뒤에 오는 모든 형제 요소(ex. h1 ~ p)

그룹 선택자 ( , ) : 모든 특정 요소(ex. h1, p) 

속성 선택자 ( [ ] ) : 특정 속성을 가진 요소(ex. [type="button"])

가상 클래스 선택자 : 특정 상태에 있는 요소(ex. :hover)

가상 요소 선택자 : 특정 요소 앞에 가상의 요소(ex. :before)

Read More

MySQL DB 옮기기

환경

 원본 DB시스템 : Windows 11, MySQL 8.0

 타겟 DB시스템 : CentOS Linux 7, MariaDB 5.5

MySQL dump 사용법

Backup

> mysqldump.exe -u[유저명] -p[패스워드] database명 [table명] > 파일명.sql 이나

> mysqldump.exe -u[유저명] -p[패스워드] database명 [table명] -r 파일명.sql

Restore

     > mysql 실행

     mysql> use DB명

     mysql> source 디렉토리명/파일명.sql

예) Windows 에 있는 MySQL의 database명 fd, table명 breeds 을 a.sql로 백업

d:\work> & 'C:\Program Files\MySQL\MySQL Server 8.0\bin\mysqldump' -uroot -p fd breeds  > a.sql 

예) 윈도우즈의 database fd에 있는 table 전체를 백업 할 때

d:\work> & 'C:\Program Files\MySQL\MySQL Server 8.0\bin\mysqldump' -uroot -p fd -r fd.sql

윈도우즈에서 백업한것을 다시 DB에 올리는 경우

c:\> &'C:\Program Files\MySQL\MySQL Server 8.0\bin\mysql' -uroot -p fd 

mysql> source d:/work/fd.sql 

Read More

한강 공원 야경

 지난 주말 한강 풍경

어디 외국에 나와있는 듯한 느낌

Read More

로마자 (Α, Β,Γ,Δ,... α,β,γ,δ)키보드로 바로 입력하는 방법

키보드 한글 상태에서 히읗(ㅎ)을 치고 키보드의 "한자" 버튼을 누르면 아래와 같이 로마자를 선택할 수 있는 팝업 창이 나온다.

탭 키를 누르거나 마우스로 화면의 확장 버튼을 누르면 아래와 같이 선택창이 커진다.

키보드 화살표로 움직여 선택하던가 선택된 숫자를 누르면 해당 글자가 입력된다. 

참고 :

• 로마자 읽는 법

#로마자 #입력

Read More

VSCode에서 launch.json 혹은 task.json에서 활용할 수 있는 사전에 정의된 변수들

미리 정의된 변수

다음과 같은 미리 정의된 변수가 지원됩니다.

• ${userHome} - 사용자의 홈 폴더 경로
• ${workspaceFolder} - VS Code에서 열린 폴더의 경로
• ${workspaceFolderBasename} - 슬래시(/) 없이 VS Code에서 열린 폴더의 이름
• ${file} - 현재 열린 파일
• ${fileWorkspaceFolder} - 현재 열린 파일의 작업 공간 폴더
• ${relativeFile} - 현재 열린 파일에 상대적인 파일workspaceFolder
• ${relativeFileDirname} - 현재 열려 있는 파일의 상대 디렉터리 이름workspaceFolder
• ${fileBasename} - 현재 열린 파일의 기본 이름
• ${fileBasenameNoExtension} - 파일 확장자가 없는 현재 열린 파일의 기본 이름
• ${fileExtname} - 현재 열린 파일의 확장자
• ${fileDirname} - 현재 열린 파일의 폴더 경로
• ${fileDirnameBasename} - 현재 열린 파일의 폴더 이름
• ${cwd} - VS Code 시작 시 작업 실행기의 현재 작업 디렉터리
• ${lineNumber} - 활성 파일에서 현재 선택된 줄 번호
• ${selectedText} - 활성 파일에서 현재 선택된 텍스트
• ${execPath} - 실행 중인 VS Code 실행 파일의 경로
• ${defaultBuildTask} - 기본 빌드 작업의 이름
• ${pathSeparator} - 파일 경로에서 구성 요소를 구분하기 위해 운영 체제에서 사용하는 문자

미리 정의된 변수 예

다음과 같은 요구 사항이 있다고 가정합니다.

1. VSCode에서 작업공간으로 Open한 디렉토리가 c:/home/your-project이고,
2. 편집기에 열린 파일이 c:/home/your-project/folder/file.ext일때,

따라서 각 변수에 대해 다음 값을 갖게 됩니다.

• ${userHome} -c:/home/your-home혹은, 설치된 디렉토러리
• ${workspaceFolder} -c:/home/your-project
• ${workspaceFolderBasename} -your-project
• ${file} -c:/home/your-project/folder/file.ext
• ${fileWorkspaceFolder} -c:/home/your-project
• ${relativeFile} -folder/file.ext
• ${relativeFileDirname} -folder
• ${fileBasename} -file.ext
• ${fileBasenameNoExtension} -file
• ${fileDirname} -c:/home/your-project/folder
• ${fileExtname} -.ext
• ${lineNumber} - 커서의 줄 번호
• ${selectedText} - 코드 편집기에서 선택된 텍스트
• ${execPath} - Code.exe의 위치
• ${pathSeparator} - /macOS 또는 Linux, \Window

관련글

• Visual Studio Code 관련
  

참고 

• VisualStudio Code Documents 

Read More