이 글의 예제 코드는 THREE.JS 공식 사이트의 EXAMPLES에서 제공되는 코드를 이해하고 제 나름대로의 코드로 재구성한 것입니다.
Linux 활용 Command 정리
이 글은 리눅스 계열의 시스템 관리를 위해 사용한 명령어를 추후에 다시 빠르게 참조하기 위한 목적으로 정리한 글입니다.
# 파일명을 가진 파일 찾기
find / -name "java"
# 현재 디렉토리의 파일 용량 확인하기
du -ah
# ssh 접속 [MacOS]
ssh root@127.0.0.1 -p 1234
# 파일의 내용 중 특정 단어 출현 회수 세기 [CentOS]
cat filename.log | grep 'SUCCESS' | wc -w
# 프로세스 이름에 특정 문자열을 포함하는 프로세스 출력하기 [CentOS]
ps -ef | grep 'java'
# 파일의 마지막 구성 내용 표시하기(변경시 업데이트) [CentOS]
tail 2019-11-06.log -f
# 특정 포트(예: 8629)에 대한 방화벽 열기 [CentOS]
firewall-cmd --zone=public --permanent --add-port=8629/tcp firewall-cmd --reload
# 방화벽에 대해 열린 포트(예: 8629)를 제거 [CentOS]
firewall-cmd --permanent --zone=public --remove-port=8629/tcp firewall-cmd --reload
# 방화벽에 대해 열린 포트 확인 [CentOS]
firewall-cmd --zone=public --list-all
# 포트를 사용하는 프로세스 확인 [CentOS]
netstat -tulpn | grep
[THREE.JS-EX] Shader
Javascript의 디스트럭처링(Destructuring)
자바스크립트의 디스트럭처링은 객체와 배열에 적용이 가능한데요. 디스트럭처링은 객체와 배열을 구성하는 개별 요소를 독립적인 상수나 변수에 저장하는 방법입니다.
먼저 객체에 대한 디스트럭처링 예제는 다음과 같습니다.
const Dip2K = { name: "김형준", company: { name: "GEOSERVICE", contacts: { address: "에이펙센터 208", telephone: "02-525-0421" } } } const { name } = Dip2K console.log(name) // 김형준 const { address, telephone } = Dip2K.company.contacts console.log(address, telephone) // 에이펙센터 208 02-525-0421 const { name: companyName} = Dip2K.company console.log(companyName) // GEOSERVICE const { alias = "닌자" } = Dip2K.company console.log(alias) // 닌자
다음은 배열에 대한 디스트럭처링 예제입니다.
const Dip2K = [ "김형준", "지오서비스", "hjkim@geoservice.co.kr" ] const [name, company, email] = Dip2K //console.log(name, company, email) // 김형준 지오서비스 hjkim@geoservice.co.kr const [name2, company2 ] = Dip2K //console.log(name2, company2) // 김형준 지오서비스 const [name3, ...others] = Dip2K console.log(name3, others) // 김형준 (2) ['지오서비스', 'hjkim@geoservice.co.kr']