개발

[WeVO 11AC NAS] OpenWRT 설치하기 (펌웨어 포함)

OpenWRT Page: https://openwrt.org/toh/hwdata/wevo/wevo_11ac_nas 준비물: USB to RS232 TTL 1. OpenWRT 이미지 및 부트로더(u-boot) 이미지 다운로드 Firmware: http://downloads.openwrt.org/releases/18.06.4/targets/ramips/mt7621/openwrt-18.06.4-ramips-mt7621-11acnas-squashfs-sysupgrade.bin u-boot: https://github.com/pinney/MT7621-u-boot-mod/blob/master/bin/MT7621A_uboot.bin 2. USB to RS232 TTL과 공유기 연결 아래와 같은 설정으로 PuTTY 등으로 시리얼을 연결한다. Baud rate: 57600, 8-N-1, RTS/CTS   3. PC에 Open TFTP Server 설치 https://sourceforge.net/projects/tftp-server/ C:\OpenTFTPServer 에 OpenWRT와 u-boot 이미지 파일을 넣고 서비스를 실행한다.

[WeVO 11AC NAS] OpenWRT 설치하기 (펌웨어 포함) 더 읽기"

본문: 섹션(Section) 요소 - BODY, HEADER, NAV, SECTION, ARTICLE, MAIN, ASIDE, FOOTER

출처: https://webdir.tistory.com/310 웹문서의 본문을 구성하는 요소들중에 SECTION을 구성하는 요소에 대하여 알아봅니다. BODY 요소 <body> 요소는 문서의 본문 영역을 표시한다. 본문 영역은 실제 콘텐츠가 표현되는 공간이며, 이 공간에서 사용자와의 상호작용이 실질적으로 이루어진다. 또한 body 요소는 브라우저가 렌더링해야 할 범위를 알려준다. HEADER 요소 HTML5에 새롭게 추가된 요소로서, 웹 문서 맨 윗부분에 있으며 웹 사이트 이름, 글로벌 링크(로그인, 회원가입, 사이트맵,

본문: 섹션(Section) 요소 - BODY, HEADER, NAV, SECTION, ARTICLE, MAIN, ASIDE, FOOTER 더 읽기"

Visual Studio Code (키바인딩)

https://demun.github.io/vscode-tutorial/shortcuts/기본 편집 키 명령 명령 ID ctrl+X 행 삭제 (빈 선택) editor.action.clipboardCutAction ctrl+C 행 복사 (빈 선택) editor.action.clipboardCopyAction ctrl+shift+k 행 삭제 editor.action.deleteLines ctrl+Enter 아래에 행 삽입 editor.action.insertLineAfter ctrl+shift+Enter 위에 행 삽입 editor.action.insertLineBefore alt+Down 행을 아래로 이동 editor.action.moveLinesDownAction alt+Up 행을 위로 이동 editor.action.moveLinesUpAction shift+alt+Down 위에 행 복사 추가 editor.action.copyLinesDownAction shift+alt+Up 아래에 행 복사 추가 editor.action.copyLinesUpAction ctrl+d

Visual Studio Code (키바인딩) 더 읽기"

Visual Studio Code (Basic Editing)

https://code.visualstudio.com/docs/editor/codebasics Key                     Command Command         ID Ctrl+Shift+Alt+Down     Column Select Down      cursorColumnSelectDown Ctrl+Shift+Alt+Up       Column Select Up        cursorColumnSelectUp Ctrl+Shift+Alt+Left     Column Select Left      cursorColumnSelectLeft Ctrl+Shift+Alt+Right    Column Select Right     cursorColumnSelectRight Ctrl+Shift+Alt+PageDown Column Select Page Down

Visual Studio Code (Basic Editing) 더 읽기"

윈도우에서 React 개발환경 구축

1. node.js LTS 버전 설치 (https://nodejs.org/ko/) 2. yarn 패키지 관리자 설치 npm install –global yarn :: yarn 패키지 관리자 업데이트 yarn self-update :: 의존성을 체크한다. yarn 3. React 설치 npm install -g create-react-app :: create-react-app 버전 확인 create-react-app –version :: 작업 디렉토리 생성 mkdir D:\react_test cd /D D:\react_test :: 테스트 애플리케이션 생성 create-react-app my_app cd

윈도우에서 React 개발환경 구축 더 읽기"

React Native 설치

설명: https://academy.realm.io/kr/posts/react-native/ 웹페이지; https://facebook.github.io/react-native/ 1. node.js(npm 포함) 설치 https://nodejs.org/ko/download/ 2. React Native 설치 npm install -g react-native-cli 3. Android SDK 설치 https://developer.android.com/studio/index.html#command-tools 에서 다운로드 받아 설치 후… mkdir %HOMEPATH%\.android echo.>> %HOMEPATH%\.android\repositories.cfg 4. React Native 구동 테스트 프로젝트를 생성할 디렉토리로 이동 후… react-native init AwesomeProject cd AwesomeProject react-native start 후 다른 창을 열어서… react-native run-android

React Native 설치 더 읽기"

[eclipse] 패키지별 차이점

출처: https://www.eclipse.org/downloads/packages/compare How To Combine Packages These packages are provided as a convenience to users; they represent common configurations of Eclipse projects that are often used together. However, since Eclipse is, at its core, an expandable platform, you can easily add other features and plugins to any of these packages. Just choose and install the package

[eclipse] 패키지별 차이점 더 읽기"

[regex]자주 사용하는 정규표현식 정리

■ 날짜Tuesday, February 25, 2022 → Tuesday, February 25, 2022(Sun(day)?|Mon(day)?|Tue(sday)?|Wed(nesday)?|Thu(rsday)?|Fri(day)?|Sat(urday)?),\s(Jan(uary)?|Feb(ruary)?|Mar(ch)?|Apr(il)?|May|Jun(e)?|Jul(y)?|Aug(ust)?|Sep(tember)?|Oct(ober)?|Nov(ember)?|Dec(ember)?)\s+\d{1,2},\s+\d{4} ■ 시간12:55 PM → 12:55 PM^(0[1-9]:[0-5][0-9]((\ ){0,1})((AM)|(PM)|(am)|(pm)))|([1-9]:[0-5][0-9]((\ ){0,1})((AM)|(PM)|(am)|(pm)))|(1[0-2]:[0-5][0-9]((\ ){0,1})((AM)|(PM)|(am)|(pm))) ■ IPv4 (CIDR 포함)192.168.0.1/24 → 192.168.0.1/24(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(\/([0-9]|[1-2][0-9]|3[0-2]))?$ ■ IPv62001:db8:3:4:: →(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])) ■ HTML<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″> → <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″><(\S*?)[^>]>.?<\/\1>|<.*?> ■ e-mailtest@test.com → test@test.com^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$ ■ Host namegoogle.com → google.com^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9])\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\-]*[A-Za-z0-9])$ ■ Intergers-5 → -5^[-+]?\d+$ ■ /를 포함한 마지막

[regex]자주 사용하는 정규표현식 정리 더 읽기"

[Java] JVMTI(Java Virtual Machine Tool Interface)

출처: https://www.hunskorea.com/docs/ko/platform/jvmti/jvmti.html JavaTM Virtual Machine Tool Interface Version 1.1 처음에 JVMTI 란 아키텍쳐(architecture) 에이전트의 작성 에이전트의 배치 JVMTI 에이전트의 커멘드행 옵션 에이전트의 기동 에이전트의 기동 (OnLoad 단계) 에이전트의 기동 (라이브 단계) 에이전트의 정지 JAVA_TOOL_OPTIONS JVMTI 환경 바이트코드Instrumentation 수정 UTF-8 의 캐릭터 라인 인코딩 스펙의 문맥 함수 JVMTI 함수의 액세스 함수의 반환값 JNI 객체 참조의 관리 함수

[Java] JVMTI(Java Virtual Machine Tool Interface) 더 읽기"

[XE] 업데이트 후 조치사항

■ CKEditor 설정 ☞ vi +0 ./xe/common/js/plugins/ckeditor/ckeditor/config.js CKEDITOR.editorConfig = function( config ) { CKEDITOR.config.autoParagraph = false; CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR; CKEDITOR.config.shiftEnterMode = CKEDITOR.ENTER_BR; CKEDITOR.config.fillEmptyBlocks = false; CKEDITOR.dtd.$removeEmpty[‘i’] = false; }; ■ ckeditor 폰트 추가하기 ☞ vi +0 ./xe/common/js/plugins/ckeditor/ckeditor/ckeditor.js ☞ /font_names= ☞ CKEDITOR.config.font_names=” 뒤에 아래의 폰트를 복사하여 수정없이 그대로 앞 부분에 삽입 Malgun Gothic/Malgun Gothic,Gulim,GulimChe,Dotum,DotumChe,NanumGothic,NanumBarunGothic,NanumMyeongjo,Nanum Pen Script,Nanum

[XE] 업데이트 후 조치사항 더 읽기"

A Byte of Python

출처: http://byteofpython-korean.sourceforge.net/byte_of_python.html Table of Contents 1. 책머리 2. 헌정 3. 서문 4. 소개 5. 설치 6. 첫 걸음 7. 기초 8. 연산자와 수식 9. 흐름 제어 10. 함수 11. 모듈 12. 자료 구조 13. 실생활 문제 해결 14. 객체 지향 프로그래밍 15. 입력과 출력 16. 예외 처리 17. 표준 라이브러리 18. 더 많은 것들 19. 부록: FLOSS

A Byte of Python 더 읽기"

[XE] Syntax Highlighter 설치

■다운로드: https://github.com/syntaxhighlighter/syntaxhighlighter/releases/tag/3.0.83 ■참조: http://reslee.kr/59 ■Brush aliases: http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/ ■CSS Themes: http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/   ■ XE에 적용하기 XE 관리자 페이지에서 "사이트 디자인 설정 > 레이아웃 > 상세 설정 > 헤더 스크립트"에 아래를 추가. (Syntax Highlighter 설치 디렉토리가 <www root>/syntaxhighlighter일 경우)   <script type="text/javascript" src="/syntaxhighlighter/scripts/XRegExp.js"></script> <script type="text/javascript" src="/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src='/syntaxhighlighter/scripts/shAutoloader.js'></script> <!– <script type="text/javascript" src="/syntaxhighlighter/scripts/shBrushAppleScript.js"></script> –> <!– <script type="text/javascript" src="/syntaxhighlighter/scripts/shBrushAS3.js"></script> –> <script type="text/javascript"

[XE] Syntax Highlighter 설치 더 읽기"

[실패] ipTIME N702BCM

■공유기명: ipTIME N702BCM   ■SoC: Broadcom BCM4702   ■시리얼 연결   시리얼 옵션: 115200-8-None-1       ■Magic key   부팅 시에 press magic key to change default setting … 가 나오면 xdiag 를 빠르게 입력한다. (개행문자 추가 금지) 별 기능은 없음 그냥 diag 하는 용도   ■부트로더 CFE   ■펌웨어 올리기   1. ipTIME

[실패] ipTIME N702BCM 더 읽기"

OpenWRT 빌드환경 구축 (Ubuntu)

1. SDK 다운로드 (toolchain 포함) http://downloads.openwrt.org/ 에서 원하는 target에 대한 SDK를 다운로드. 예) bcm53xx target에 대한 SDK 다운로드 링크 http://downloads.openwrt.org/releases/17.01.4/targets/bcm53xx/generic/lede-sdk-17.01.4-bcm53xx_gcc-5.4.0_musl-1.1.16_eabi.Linux-x86_64.tar.xz 다운 로드 후 아래의 명령으로 압축을 해제한다. export SDKFILE=lede-sdk-17.01.4-bcm53xx_gcc-5.4.0_musl-1.1.16_eabi.Linux-x86_64 tar xJf ${SDKFILE}.tar.xz ln -s ${SDKFILE}/ sdk rm -f ${SDKFILE}.tar.xz 2. 환경변수 설정 ~/.profile에 추가한다. export OPENWRT_ARCH=arm export OPENWRT_TARGET=bcm53xx export OPENWRT_BASE_DIR=/work export OPENWRT_SRC_DIR=${OPENWRT_BASE_DIR}/openwrt export STAGING_DIR=${OPENWRT_BASE_DIR}/sdk/staging_dir/toolchain-arm_cortex-a9_gcc-5.4.0_musl-1.1.16_eabi export

OpenWRT 빌드환경 구축 (Ubuntu) 더 읽기"

위로 스크롤