OdinBOX Portal

기록을 찾기 쉽게, 생각을 다시 움직이게.

혁신을 이룹니다, 오딘박스(OdinBOX)

개발 기록 IT 리뷰 방명록
DEVELOPMENT서버, DB, 프론트엔드에서 만난 문제를 다음의 나를 위한 해결 노트로 정리합니다. IT REVIEW도구와 서비스를 직접 써본 뒤 좋았던 점, 아쉬운 점, 실제 적용 포인트를 남깁니다. GAME · LIFE게임, 자동차, 지역 이야기처럼 일상의 조각도 가볍지만 꾸준하게 기록합니다.
통합검색

'DEVELOPMENT' 검색 결과

총 160건의 글을 찾았습니다.

홈으로

글 목록

최신 글과 검색 결과
DEVELOPMENT/Opensoftware

[오픈소프트웨어] 19-12-13, 수업내용

12-19, 오픈소프트웨어 수업 Git 협업? - 개인이 혼자 git과 github 사용 시 절차 자신의 local repo에서 자신의 remote repo로 동기화 할 때 절차 Git, Window 설치 Git 설치 [링크] Git - Downloading Package Downloading Git Now What? Now that you have downloaded Git, it's time to start using it. git-scm.com - 자신의 운영체제에 맞게 설정 해주시면 됩니다. git - CLI Git을 설치한다면, 사용이 가능함 CMD를 사용보단 Git bash가 더 사용하기 좋음. 협업 플로우 1. 프로젝트를 Fork한다. 2. master 기반으로 토픽 브랜치를 만든다 3. 뭔..

태그 보기
DEVELOPMENT/Opensoftware

[오픈소프트웨어]19-12-06, 수업내용

12-06, Git에 대해서 배운다. 깃(Git), 19-12-06 저번 시간, 복습 [#] 버전 관리 용어 [저장소: Repository "변경된거 있니?"], [가져오기: Import"가져와줘"], [체크아웃:CheckOut"저장소에 있는 것좀 가져와바"], [체크인:CheckIn, Commit"수정 끝났으니 저장소에 갱신해줘"] 브랜치(Branch) 맨 위 링크에서 복습하고 오자. " 개념 정리부터 하고, 진행하도록 " 수업 첫번째, 깃의 기초로 부터.. 우분투에서 현재 자신이 어떤 계정으로 로그인되어져있는지 알고 싶은 명령어는? "whoami" 현재 자신이 있는 디렉토리가 알고 싶다면 ? "pwd" 깃[Git]의 현재 상황을 알고 싶다면 ? "$Git status" 이 디렉토리를 깃[Git]으로 ..

태그 보기
DEVELOPMENT/Clientside

[Node.JS] Node.JS로 이메일을 보낼 수 있는 방법

Node JS를 이용하여, 이메일 보내자 Node.JS nodemailer Module 먼저 NodeMailer 모듈을 사용하려면, npm을 이용하여, 설치를 해야합니다. 혹여나, npm이 설치되지않은 분이라면, npm을 먼저 설치하고 오셔야합니다. - 보통은 node.js 설치시 되어져있을겁니다. - npm(Node Package Manager/Modules)이란? Node.js 기반의 모듈 집합 저장소라고 생각하는게 편할 것같습니다. 정상적으로 설치가 되저여 있는지 확인하려면 $node -v를 입력하면, 현재 버전이 출력이 됩니다. "npm install nodemailer" 입력 후 실행 합니다. var nodemailer = require('nodemailer'); 이메일을 이제 보내보도록 하겠습..

태그 보기
DEVELOPMENT/JAVA

Java File Handling에 관련해서 알아보자

Java File Handling 자바 파일 핸들링(Java File Handling) 평소에 관심이 있던 "Java File Handling" 관련하여, 알아보자 w3schools의 자료들을 참고 하여, 작성하겠습니다. File에 관련된 패키지[Package]는 java.io에 있다. import java.io.*; import java.io.file; 메소드[Method] 타입[Type] 묘사[Description] canRead() Boolean "파일을 읽을 수 있는지?" canWrite() Boolean "파일의 쓰기가 가능 한지?" createNewFile() Boolean "빈 파일 생성해주세요" delete() Boolean "파일 삭제해주세요" exists() Boolean "파일이 있는..

태그 보기
DEVELOPMENT/Clientside

19-11-28, 클라이언트사이드프로그래밍 수업내용

클라이언트사이드 클라이언트 사이드 프로그래밍 [jQuery] 2019년 11월 28일 수업 내용 + 개인적인 추가 내용 선택 처리 [목표] jQuery 개념을 이해 jQuery 파일을 웹문서 작성에 활용 jQuery 파일 두가지 버전과 용도를 이해 jQuery 문장 구조의 특징 이해 jQuery selector 포함 기능 이해 jQuery 소개 jQuery 기본 : HTML, CSS JavaScript Lightweight "write less do more" Javascript Library 웹 문서 작성 JavaScript를 매우 쉽게 활용 할 수 있도록 만든 라이브러리 jQuery를 활용하지 않은 웹 사이트는 없을 정도의 필수 아이템 jQuery 가능 한 것 HTML/DOM 조작 ->간단한 방법으로..

태그 보기
DEVELOPMENT/Clientside

클라이언트사이드 - 19-11-25

클라이언트사이드 저번에 했던 것 복습 Source Code 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 table { border-collapse: collapse; } th { border: 1px..

태그 보기
DEVELOPMENT/Clientside

클라이언트사이드프로그래밍, 11-21 수업 내용

클라이언트사이드 parseInt("60px") 을 입력하면 숫자만 가져오게 된다. 그러면 위에 문구에서는 60만 결과값으로 가져오게 된다. HTML ( 마크업 언어 -> 코딩 한 것을 화면 출력 ) Element.innerHTML Element 속성(property) innerHTML 특정 요소 내용 가져와! 특정 요소 내용 바꿔! innerHTML = ""; HTML 요소 접근하여, 해당 텍스트 내용을 바꾸려면 '속성'을 사용해야한다. document.getElementById를 사용한다. [Source Code] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 3..

태그 보기
DEVELOPMENT/Clientside

클라이언트사이드프로그래밍, 11-18

클라이언트사이드 week12_01.html (했던 것들 한번씩 복습하기) 마우스핸들러 사용하는 법을 배움 [이번 시간 실습 예제] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 div { border : 1px solid blue; width : 100px; height : 100px; text-align : center; vertical-align : middle; line-height : 100px; left..

태그 보기
DEVELOPMENT/Clientside

[아톰(Atorm) 단축키]

아톰 단축키 Ctrl + / 주석을 토글형식으로 적용/해제 Ctrl + F 찾기/바꾸기 Ctrl + Shift + F 프로젝트 전체에서 찾기 Ctrl + E 선택 영역을 찾기/바꾸기 Ctrl + G 라인 번호로 커서 이동 Ctrl + R 키워드로 이동 Ctrl + M 블럭 매칭 Ctrl + J 라인 조인 Ctrl + L 라인 선택 Ctrl + D 현재 단어 선택 (이후 전체 범위에서 같은 단어 선택) Ctrl + Backspace, Delete 단어 별 삭제 Ctrl + Shift + K 현재 라인 삭제 Ctrl + Shift + D 현재 라인 다음 라인으로 복사 Ctrl + [, ] 들여쓰기 Ctrl + Alt + [, ] 코드 폴딩 토글 Ctrl + Shift + Alt + [, ] 전체 코드 폴딩 ..

태그 보기
DEVELOPMENT/Clientside

11-11, 클라이언트사이드프로그래밍

클라이언트사이드 이벤트(event) -> 이벤트가 발생하면 원하는 JavaScript 코드를 실행되도록 할 수 있음. [자바 스크립트는 Jquery를 위해서 배웠다 ] 이벤트? 사용자가 웹브라우저에서 하는 모든 행위를 상세하게 구분하여 이벤트로 규정 (마우스클릭) onmousedown onmouseup onclick ondblclick (마우스이동) onmouseover onmouseout등등 (키보드누르기) onkeydown onkeyup onkeypress 폼(form) 입력(input) onblur onfocus onfocusin onfocusout onsubmit onchange 윈도우 조작 onresize onscroll onload onunload 등등 이벤트 속성은 전부 소문자로 처리한다. ..

태그 보기
DEVELOPMENT/Clientside

11-07, 클라이언트 사이드

클라이언트사이드 문서 객체 선택 여러 가지 방법으로 HTML 요소를 선택 가능 id : document.getElementByld("id") - 이것은 배열에 담기지않음 문서 내의 요소들 중에서 속성 id가 'id'와 일치하는 요소 하나 선택 tag name document.getElementsByTagName("h1") - 반드시 복수로 해야함(상황에 따라서 다름) 문서 내의 모든 "h1"요소들을 선택 - 배열에 담아옴 (여러개를 하기에 배열이 필요 class name document.getElementsByClassName("cls") HTML class 속성은 클래스 이름이 동일한 스타일을 정의하는 데 사용됨 동일한 class 속성을 가진 모든 HTML요소는 동일한 스타일 갖습니다. css sele..

태그 보기

티스토리툴바