반응형

전체 글 128

매직 키보드 with Touch ID 개봉기 & 구매 시 유의사항

이 번에 새로 나온 애플 매직 키보드(정식 판매 명칭: Apple Silicon이 장착된 Mac 모델용 Magic Keyboard with Touch ID)의 개봉을 해 보겠습니다. 구매 시 싸게 구매하는 방법과 주의사항도 같이 알려드리니 참고하시기 바랍니다. 글 구성 박스 개봉기 저렴하게 구매하기 구매 시 유의 사항 박스 개봉기 얼마 전 키보드를 들고 다니다가 키보드와 함께 넘어져서 키보드가 완전 박살이 나는 바람에 새로 구입한 터치 기능이 탑재된 매직 키보드 개봉기 시작합니다. 우선 박스 모양입니다. 기존 매직 키보드와 별반 차이가 없습니다. 단지 "with Touch ID"라는 문구가 더 생기거 이 외에는... 택배로 왔는데, 포장이 잘 되어 있어서 외간 찌그러짐 없이 아주 깔끔하게 잘 왔습니다. ..

IT 일반 2022.07.13

C, C++ 를 웹에서 실행

C, C++를 공부하거나 간단한 구문을 테스트하려면, 언어적인 제약으로 Visual Studio 혹은 gcc 같은 컴파일러가 있는 환경에서만 가능했었지만, 이제 온라인(웹)에서 실행할 수 있게 되었습니다. 바로 Programiz라는 사이트인데요. 아래와 같이 웹상에서 바로 코드를 작성하고 "Run"을 실행하면 결과창을 볼 수 있습니다. 이뿐만 아니라 실행 시 오류 메시지도 gcc컴파일 환경과 동일하게 출력해 주무로 간단 구문 테스트나, 공부하기에 정말 좋은 환경이라고 생각이 듭니다. 이 사이트에서는 "C"언어뿐만 아니라 "C++", "Python", "Java", "C#", "Javascript", "SQL" 언어도 지원해 주니, 더욱 유용하게 사용할 수 있을 것 같습니다. 아래는 해당 사이트의 C C..

VS Code Remote - SSH 특정포트로 접속 방법

VS Code의 확장 팩인 "Remote -SSH"에서 특정포트로 접속하는 방법입니다. 접속을 위해서 VS Code에서 "F1"키를 누르고, 검색창에서 "Remote-SSH: Connect to Host..."을 검색 후 선택합니다. 입력란에 아래와 같은 형태로 접속지 주소와 포트명을 적습니다. (예: user: 사용자명, 호스트ip: 111.111.111.111, port: 2222) "사용자명@111.111.111.111:2222" 비밀번호 입력창이 나오면 입력 후 "폴더 열기"를 이용해서 원격지서버 파일 및 폴더에 접근 가능합니다.

IT 일반 2022.07.12

HTML DOM 이란?

HTML DOM에서 DOM은 Document Object Model의 약자로 "문서 객체 모델"이란 뜻이다. HTML 문서를 작성하는 작성자와 이를 해석해서 표현하는 브러우저간의 인터페이스 정의라고 할 수 있다. HTML DOM은 아래와 같은 특성을 가진다. HTML은 하나의 문서다. 객체(Object 혹은 element)는 문서를 표현하는 하나의 단위이다. (...) 객체들은 트리형의 구조를 가진다. (부모, 자식 혹은 형제의 관계를 가진다.)

React Native Elements 기본과 다크 테마 컬러 값

React Native Elements의 각 테마별 기본 컬러 값입니다. 컬러 값을 볼 수 있는 파일 위치는 "/node_modules/react-native-elements/dist/config/colors.js"입니다. Default Theme Color const colors = { primary: '#2089dc', secondary: '#ca71eb', white: '#ffffff', black: '#242424', grey0: '#393e42', grey1: '#43484d', grey2: '#5e6977', grey3: '#86939e', grey4: '#bdc6cf', grey5: '#e1e8ee', greyOutline: '#bbb', searchBg: '#303337', success:..

GitHub 무료 개인 홈페이지 만들기

GitHub를 사용하고 계시다면 무료로 개인 홈페이지를 만들 수 있습니다. 생성 방법은 "계정명.github.io"라는 이름으로 repository만 만들어 주면 됩니다. GitHub 무료 개인 홈페이지 만드는 방법 1. GitHub에 로그인합니다. 2. 오른쪽 상단 "+"메뉴를 클릭 후 "New repository"를 클릭합니다. 3. Repository name에 "계정명.github.io"를 입력합니다. 속성은 반드시 "Public"이여야 합니다. "Add a README file"과 "Add .gitignore"은 자유롭게 선택합니다. 4. "Create repository"를 클릭해서 생성합니다. 5. 생성된 repository에 "html"파일 혹은 "md"파일을 업로드합니다. 6. "http..

IT 일반 2022.07.10

HTML 이벤트 처리하는 3가지 방식

HTML 태그에 달리는 이벤트를 처리하는 3가지 방법에 대해서 설명드립니다. HTML DOM element addEventListener함수 이용 HTML DOM element 속성 이용 HTML 속성 이용 아래의 예제는 HTML button의 onclick 이벤트를 예제로 설명드립니다. HTML DOM element addEventListener함수 이용 가장 권장되는 방식입니다. 기존 이벤트를 유지하고, 이벤트를 추가하는 방식으로 진행됩니다. 실행이 될 때 기존에 추가된 이벤트들이 실행되고, 여기서 추가된 이벤트가 실행 됩니다. 이벤트 선언하는 방식은 이벤트를 연결해줄 DOM객체를 얻어온 후 addEventListener함수를 이용해서 해당 이벤트명과 함수를 연결해 줍니다. ※ 이벤트명은 보통 "on..

티스토리 Odyssey 스킨에 다크테마 적용

티스토리의 Odyssey 스킨에 다크테마를 적용한 css소스입니다. 화이트, 다크 계열 색상을 반전시킨 버전입니다. (다크->화이트, 화이트-> 다크) 색상 적용 방식 #333 형식: #fff - #333 = #ccc rgba(111, 111, 111, 111) 형식: rgba(255 - 111, 255 - 111, 255 - 111, 111) = rgba(144, 144, 144, 111) 기타 색상(붉은, 초록, 파랑)은 그대로 유지 했습니다. ("/* 색상변경 안 함 */" 주석 참조) 스킨 적용하기 1. 블로그 관리 - 스킨 편집 2. html 편집화면으로 이동 3. css탭으로 이동 4. css 제일 하단에 아래의 내용을 복/붙하여 적용합니다. /* Odyssey dark theme by ccu..

IT 일반 2022.06.29

JavaScript 태그안의 내용 가져오기, 변경하기

JavaScript로 html 태그로 둘러싸인 내용을 가져오거나, 변경하는 방법입니다. innerText textContent innerHTML HTML 태그안의 내용 가져오기 실습 예제 html 문구 딸기 사과 바나나 innerText 순수 텍스트만 가져옵니다. document.getElementById('fruit').innerText // '딸기\n사과\n바나나' textContent html태그를 제외한 내용을 가져옵니다. document.getElementById('fruit').textContent // '\n 딸기\n 사과\n 바나나\n ' innerHTML html태그를 포함한 선택 요소안의 내용을 가져옵니다. document.getElementById('fruit').innerHTML /..

CSS 접근자

css 접근자 정의 및 예시입니다. .class .intro class="intro"인 모든 요소 선택 .class1.class2 .name1.name2 class 속성 내에 name1 과 name2 가 모두 설정된 모든 요소를 선택합니다 . .class1 .class2 .name1 .name2 name1 을 가진 요소의 자손인 name2 를 가진 모든 요소를 선택합니다 . #id #firstname id="firstname"인 요소를 선택합니다. * * 모든 요소 선택 element p 모든 요소를 선택합니다. element.class p.intro class="intro"인 모든 요소를 선택합니다. element,element div, p 모든 요소와 모든 요소를 선택합니다. element eleme..

프로그래밍/CSS 2022.06.27

Javascript 요소 가져오기

HTML DOM Document의 요소를 가져오는 함수들의 정의와 사용법에 대해서 소개합니다. 관련 함수는 아래와 같습니다. getElementById getElementsByClassName getElementsByName getElementsByTagName querySelector querySelectorAll getElementById('아이디') 함수의 인자와 아이디가 일치하는 요소를 가져옵니다. querySelector('#아이디')로 대체 가능합니다. ('#'을 꼭 붙여줍니다.) 꾸션 document.getElementById('blogName') document.querySelect('#blogName') getElementsByClassName('클래스명') 함수의 인자와 클래스가 일치하..

jQuery 접근자

기본 접근자 // html 태그 $('태그명') // $('h2') // id $('#아이디명') // class $('.클래스명') // name 어트리뷰트 $('input[name=이름]') 고급 예제 // 모든 요소 $("*") // 현재 요소 $(this) // class="intro"가 설정된 모든 p태그 요소 $("p.intro") // 첫 번째 p태그 요소 $("p:first") // 첫 번째 ul태그의 첫 번째 li태그 요소 $("ul li:first") // 모든 ul태그의 첫 번째 li태그 요소 $("ul li:first-child") // href어트리뷰트를 갖는 모든 요소 $("[href]") // a태그의 target이 '_blank'로 설정된 모든 요소 $("a[target='_..

누리호 2차 주요특징, 발사장소 및 실시간 방송

누리호 2차의 발사 예정시각이 금일 (2022년 6월 21일 화요일) 오후 4시로 예정되었습니다. 과연, 이 번 발사에서 성공을 거두어서 과학기술 발전에 기여할 수 있을지 기대가 됩니다. 누리호 주요 특징 국내 독자 개발 (엔진 및 주요 부품이 우리 기업과 연구진의 기술력으로 만들어짐) 지구 저궤도에 위치한 700km 고도에 7.5km/s(= 27,000km/h)속력으로 도는 위성 목표 자력으로 위성 발사 가능한 7번째 국가 목표 우주 개발사업에 한 걸음 총길이 47.2m, 중량 200t 발사 위치 발사위치는 전남 고흥군에 위치한 나로우주센터 발사대에서 발사됩니다. 하늘 높이 솟아오르므로 먼 거리에서 육안으로 관측이 가능할지는 불분명합니다. 실시간 방송 보러 가기 YTN SBS JTBC KBS MBC

핫 이슈 2022.06.21

Expo SDK 45 주요 변경사항

Expo SDK 45에서 변경된 사항을 알아 보겠습니다. 주요 변경사항 Expo Go 인터페이스 업데이트 new Sweet API로 재작성된 Clipboard와 WebBrowser 모듈이 개선되었습니다. expo-crypto, expo-random, expo-haptics 그리고 expo-localization이 JSI로 이동하였습니다. 안드로이드 라이브러리에 의해 추가되 권한들(permissions)을 더 쉽게 제외(제거)할 수 있습니다. (app.json 혹은 app.config.js에서 android.blockedPrmissions 항목에 제외할 항목을 배열형태로 추가하면 됩니다.) Android compileSdkVersion 31, Java 11 사용 React Native 0.68 사용 exp..

바이낸스 BTC 동시에 여러 개 차트 보는 방법

코인 트레이더들이 많이 참고하는 나스닥 차트와 더불어서 바이낸스의 비트코인 차트를 가장 선호하고 많이 참고하는 대요. 여러 개의 분봉을 보기 위해서 브라우저를 여러 개 띄우지 않고 보는 방법입니다. 단, 단점은 TradingView가 아닌 바이낸스의 기본 차트로 본다는 단점이 있습니다. 여러 차트를 볼 수 있도록 설정하는 방법은 아래와 같습니다. 오른쪽 상단 설정 버튼 클릭 Multiple Charts 선택 차트 개수 선택

투자 2022.05.07
반응형