사용자 도구

사이트 도구


tag:오션

TAG: 오션

문서날짜사용자설명
2020/08/26 19:13 오션 1. SVN Cleanup 서버에 신규 생성된 폴더를 내 로컬 PC에서 SVN Update를 해도 생성되지 않을 때, 신규 생성된 폴더의 상위 폴더에서 Tortoise SVN > Cleanup 실행한 후, 다시 Update를 진행합니다. Tortoisesvn Cleanup 2. Message Digest Authentication
2022/12/13 10:08 오션 @Controller And @RestController Annotations * description : @Controller And @RestController Annotations * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-13 Tue @Controller And @RestController Annotations 오랫동안 스프링 프레임워크(Spring 2.5버전에서 도입)의 일부분을 담당해온 @Controller를 전통적인 Spring 컨트롤러로 사용할 수 있습니다.
2022/03/18 08:40 오션 [Java] Polymorphism * description : [Java] Polymorphism * author : 오션 * email : shlim@repia.com * lastupdate : 2022-03-18 [Java] Polymorphism 객체지향의 사실과 오해 역할, 책임, 협력 관점에서 본 객체지향
2022/04/28 13:14 오션 [JUnit 5] Eclipse에서 테스트하기 * description : [Java] Polymorphism * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-28 Thr 절차 * Eclipse에서 Spring Starter Project 생성 * New Spring Starter Project Dependencies - 설정하지 않음
2020/08/20 10:17 오션 A ADR * Architecture Decision Records, 아키텍처 결정 기록 * 소프트웨어 아키텍처 의사 결정 과정을 문서로 기록하는 것. Ajax * Asynchronous Javascript and Xml (에이씽크러너스 자바스크립트 엑스엠엘)
2020/08/26 10:59 오션 Agile Software Development * 애자일 소프트웨어 디벨롭먼트 * 신속하고 변화에 유연하며 적응적인 소프트웨어 개발을 목표로 하는 다양한 경량 개발 방법론 전체를 일컫는 총칭 * 개발 대상을 다수의 작은 기능으로 분할하여 하나의 기능을 하나의 반복 주기 내에 개발하는 개발 방법
2020/05/07 09:10 주레피 AI * BERT * ELMo * 딥 러닝을 이용한 자연어 처리 입문 강좌 머신러닝/딥러닝 공부 첫걸음(순서대로) 머신러닝 머신러닝 수학 영어 Coursera 기계학습 by Andrew Ng 모두를 위한 머신러닝/딥러닝 [Neural Networks 만화] [ Machine Learning 만화] 8-o핸즈 온 머신러닝 딥러닝 인공지능의 한 분야로 머신러닝의 하위 개념 Terms 1. 인공지능 [ Artificial Intelligence(아티피셜 인텔리전스), AI ] : 인간의 지능을 기계로 구현…
2021/04/02 16:15 오션 AJAX - The XMLHttpRequest Object * description : AJAX - The XMLHttpRequest Object * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-02 AJAX의 핵심은 XMLHttpRequest 오브젝트입니다. The XMLHttpRequest Object
2020/07/24 11:48 오션 * description : Apache Jena * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-24 Apache Jena * 2000년 영국 브리스톨(Bristol)의 HP Labs(HP 연구소) 연구원들이 개발하였습니다. * 시맨틱 웹(semantic web) 애플리케이션을 구축하는 Java 프레임워크입니다.
2023/03/02 09:18 heon author * 서명 * description : Javascript Math - ceil() Method * author : heon, 오션 * email : khlee@repia.com, shlim@repia.com * lastupdate : 2023-02-28 Javascript Math - ceil() Method Ref Javascript Math - ceil() Method Math.ceil() 메소드는 입력받은 숫자보다 크거나 같은 정수 중 가장 작은 정수를 리턴합니다.
2020/07/15 16:07 오션 BERT [버트] * description : BERT * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-15 Python <https://www.kaggle.com/abhinand05/bert-for-humans-tutorial-baseline> 용어 * BERT[버트, Bidirectional Encoder Representation from Transformers, 바이디렉셔널 인코더 레프리젠테이션 프럼 트랜스포머스]
2020/08/04 14:32 오션 * 2020.08.04 Windows10 pro BitLocker 끔 * 오션 bitlocker끔
2021/03/25 11:39 오션 Bootstrap Alerts * description : Bootstrap Alerts * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Alerts Bootstrap은 미리 정의 된 경고 메시지를 생성하는 쉬운 방법을 제공합니다:
2021/03/25 16:48 오션 Bootstrap Badges and Labels * description : Bootstrap Badges and Labels * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Badges 배지는 링크와 관련된 항목 수를 나타내는 **숫자 표시기 (numerical indicators)**입니다.
2021/03/25 14:08 오션 Bootstrap Button Groups * description : Bootstrap Button Groups * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Button Groups Bootstrap은 다양한 스타일의 버튼을 제공합니다. 출처: W3Schools.com - Bootstrap Button Groups
2021/03/25 12:06 오션 Bootstrap Buttons * description : Bootstrap Buttons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Button Styles Bootstrap은 다양한 스타일의 버튼을 제공합니다. 출처: W3Schools.com - Bootstrap Buttons 상기 스타일의 버튼을 얻기 위해, Bootstrap에는 다음과 같은 클래스가 있습니다.
2021/03/26 17:01 오션 Bootstrap Collapsible * description : Bootstrap Collapsible * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-26 Basic Collapsible Collapsible [컬렙써블]: 접을 수 있는 Collapsibles는 많은 양의 콘텐츠를 숨기고 표시하려는 경우에 유용합니다.
2021/03/26 12:10 오션 Bootstrap Dropdowns * description : Bootstrap Panels * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-26 Basic Dropdown 드롭다운 메뉴는 사용자가 사전 정의된 목록에서 하나의 값을 선택할 수 있는 토글가능한(toggleable) 메뉴입니다.
2023/01/30 12:17 오션 Bootstrap Form groups & Input group * description : Bootstrap Form groups & Input group * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-30 Mon Form groups The .form-group class is the easiest way to add some structure to forms.
2021/03/23 17:36 오션 Bootstrap Get Started * description : Bootstrap Get Started * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 What is Bootstrap? * 부트스트랩은 더 빠르고 더 쉬운 웹 개발을 위한 무료 프런트엔드 프레임워크입니다.
2021/03/25 16:21 오션 Bootstrap Glyphicons * description : Bootstrap Glyphicons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Glyphicons Bootstrap은 Glyphicons Halflings 세트에서 260 개의 글리피콘을 제공합니다.
2021/03/24 08:40 오션 Bootstrap Grids * description : Bootstrap Grids * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-24 Bootstrap Grid System Bootstrap의 그리드 시스템은 페이지에 최대 12 개의 컬럼(columns)을 허용합니다.
2021/03/24 20:06 오션 Bootstrap Images * description : Bootstrap Images * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-24 Rounded Corners .img-rounded 클래스는 이미지에 둥근 모서리를 추가합니다.(IE8은 둥근 모서리를 지원하지 않습니다):
2021/03/25 10:15 오션 Bootstrap Jumbotron * description : Bootstrap Jumbotron * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Bootstrap Jumbotron and Page Header Creating a Jumbotron 점보트론은 특별한 콘텐츠 또는 정보에 특별한 주의를 기울이게 하는 큰 상자를 나타냅니다.
2021/03/26 10:02 오션 Bootstrap List Groups * description : Bootstrap List Groups * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-26 Basic List Groups 가장 기본적인 목록 그룹은 목록 항목이 있는 정렬되지 않은 목록입니다.
2021/03/29 13:06 오션 Bootstrap Navigation Bar * description : Bootstrap Navigation Bar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-29 Navigation Bars 네비게이션 바는 페이지의 상단에 배치된 네비게이션 헤더입니다.
2021/03/25 20:17 오션 Bootstrap Pager * description : Bootstrap Pager * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 What is Pager? 페이저(Pager)는 또한 페이지 매김(Pagination)의 한 형태입니다. (이전 장에서 설명한대로)
2021/03/25 19:50 오션 Bootstrap Pagination * description : Bootstrap Pagination * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Basic Pagination 페이지가 많은 웹 사이트가 있는 경우, 각 페이지에 일종의
2021/03/26 12:01 오션 Bootstrap Panels * description : Bootstrap Panels * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-26 Panels Bootstrap의 패널은 콘텐츠 주위에 약간의 패딩이 있는 테두리가 있는 박스입니다.
2021/03/25 18:37 오션 Bootstrap Progress Bars * description : Bootstrap Progress Bars * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Basic Progress Bar 프로그레스 바(Progress Bar, 진행률 표시 막대)를 사용하여 사용자가 프로세스를 얼마나 진행하고 있는지 보여줄 수 있습니다.
2021/03/24 17:26 오션 Bootstrap Tables * description : Bootstrap Tables * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-24 Bootstrap Basic Table 기본 부트스트랩 테이블에는 얇은 패딩과 수평 구분선만 있습니다.
2021/03/29 09:17 오션 Bootstrap Tabs and Pills * description : Bootstrap Tabs and Pills * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-29 Menus 대부분의 웹 페이지에는 일종의 메뉴가 있습니다. HTML에서, 메뉴는 종종 아래와 같이 정렬되지 않은 목록
2021/03/24 09:33 오션 Bootstrap Text/Typography * description : Bootstrap Text/Typography * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-24 Bootstrap's Default Settings 부트스트랩의 전역 기본 글꼴 크기는 14px이고, 줄 높이는 1.428입니다.
2021/03/25 10:27 오션 Bootstrap Wells * description : Bootstrap Wells * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-25 Wells .well 클래스는 회색의 배경색과 약간의 패딩으로 요소 주의에 둥근 테두리를 추가합니다.
2023/01/18 18:25 오션 bootstrap-select * description : bootstrap-select * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-18 Wed bootstrap-select Bootstrap 4 only works with bootstrap-select v1.13.0+. By default, bootstrap-select automatically detects the version of Bootstrap being used. However, there are some instances where the version detection won't work. See the documentation for more information.
2021/01/11 13:46 오션 Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 build.gradle error * description : build.gradle error * author : 오션 * email : shlim@repia.com * lastupdate : 2021-01-11 gradle wrapper 명령어 수행 시 cnanot add task 'wrapper' as a task with that name already exists 오류 발생 시
2020/08/04 10:21 오션 CAPTCHA * description : CAPTCHA * author : 오션 * email : shlim@repia.com * lastupdate : 2020-08-04 용어 CAPTCHA : Completely Automated Public Turing test to tell Computers and Humans Apart / CAPTure(d) + CHAracter 의미
2021/05/07 17:30 오션 Case for Naming Convention * description : Case for Naming Convention * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-07 Thu 출처 바닐라 자바스크립트 48p / 고승원 지음 / 초판 1쇄 2021년 12월 23일 / 비제이퍼블릭
2020/03/28 16:06 오션 * description : case sensitive * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-28 Case-sensitive 네이버 사전 : 대소문자를 구별하는 case sensitive는 대문자와 소문자를 구별한다는 것을 의미한다. 즉, 동일하게 들리거나 보이지만 다른 철자로 사용되는 두 단어(ex. computer, Computer)는 다른 것으로 여겨진다.
2022/07/04 09:12 오션 Chapter01. 프로그래밍 언어와 자바 * description : Chapter01. 프로그래밍 언어와 자바 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-07-04 Mon Ref 교재 : 혼자 공부하는 자바 / 신용권 지음 / 한빛미디어 / 초판발행 2019년 06월 10일 / ISBN 979-11-6224-187-5 94000
2022/12/16 10:48 오션 Chart JS Sample01 * description : Sass Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-16 Fri Sample 01-1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script> <title>Chart JS Test #01</title> </head>…
2020/06/29 20:43 오션 CNN * description : CNN * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-29 용어 CNN : Convolutional Neural Network (컨볼루셔널 뉴럴 네트워크, 합성곱 신경망) 의미 1. 사람의 시신경 구조를 모방한 구조
2022/04/28 14:40 오션 Code Conventions for the Java Programming Language * description : 10 - Programming Practices * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-28 Thr 10. 프로그래밍 습관 ( Programming Practices )
2022/04/26 09:06 오션 Code Conventions for the Java Programming Language * description : 9 - Naming Conventions * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-26 Tue 9. 명명 규칙(Naming Conventions) 명명 규칙은 프로그램을 읽기 쉽게 만들어 프로그램을 더 이해하기 쉽게 만듭니다. 또한 식별자의 기능에 대한 정보(예: 상수, 패키지 또는 클래스)를 제공하여 코드를 이해하는 데 도움이 될 수 있습니다.…
2022/04/25 08:46 오션 Code Conventions for the Java Programming Language * description : 8 - White Space * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-25 Mon 8. 공백(White Space) 8.1 빈 줄(Blank Lines) 빈 줄은 논리적으로 관련된 코드 섹션을 더 돋보이게 하여 가독성을 향상시킵니다.
2022/04/22 12:30 오션 Code Conventions for the Java Programming Language * description : 7 - Statements * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-22 Fri 7. 명령문(Statements) 7.1 단순 명령문(Simple Statements)
2022/04/18 11:39 오션 Code Conventions for the Java Programming Language * description : 6 - Declarations * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-18 Mon 6. 선언 (Declarations) 6.1 한 라인당 선언문의 수
2022/04/15 09:33 오션 Code Conventions for the Java Programming Language * description : 5 - Comments * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-15 Fri 5. 들여쓰기 Java 프로그램은 구현 주석과 문서화 주석의 두 가지 주석을 가질 수 있습니다. 구현 주석은
2022/04/14 09:33 오션 Code Conventions for the Java Programming Language * description : 4 - Indentation * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-14 Thr 자바 프로그래밍 언어를 위한 코드 규약 ​ 4. 들여쓰기
2022/04/13 10:16 오션 Code Conventions for the Java Programming Language * description : 2 - File Names * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-13 자바 프로그래밍 언어를 위한 코드 규약 ​ 3. 파일 구조
2022/04/13 08:49 오션 Code Conventions for the Java Programming Language * description : 2 - File Names * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-13 자바 프로그래밍 언어를 위한 코드 규약 ​ 2. 파일 이름
2022/04/12 14:31 오션 Code Conventions for the Java Programming Language * description : Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-12 자바 프로그래밍 언어를 위한 코드 규약 ​ 1. 소개 1.1 코드 규약이 필요한 이유
2020/07/07 00:06 오션 Context Aware * description : Context Aware * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-06 용어 Context Aware : Context Awareness (컨텍스트 어웨어, 컨텍스트 어워어니스, 상황인식) 의미
2021/03/18 15:25 오션 CSS 2D Transforms Methods * description : CSS 2D Transforms Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-18 Source of the article * 2D Transforms Methods CSS transform 속성으로 아래의 2D 트랜스포메이션 방법을 사용할 수 있습니다.
2021/04/06 19:56 오션 CSS :active Selector * description : CSS :active Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-01 The source of this article CSS :active Selector Example 활성 링크를 선택하고, 스타일을 지정합니다.
2021/07/01 15:20 오션 CSS :checked Selector * description : CSS :checked Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-01 The source of this article CSS :checked Selector Example 선택된(checked) 모든 <input> 요소의 높이와 너비를 설정합니다.
2021/07/06 12:38 오션 CSS [attribute*=value] Selector * description : CSS [attribute*=value] Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS [attribute*=value] Selector Example “test”를 포함하는 클래스 속성 값이 있는 모든
2021/05/04 11:54 오션 CSS Advanced - CSS Media Queries * description : CSS Advanced - CSS Media Queries * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Advanced - CSS Media Queries CSS2 Introduced Media Types CSS2에 도입된 @media
2021/05/04 15:01 오션 CSS Advanced - CSS Media Queries - Examples * description : CSS Advanced - CSS Media Queries - Examples * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Advanced - CSS Media Queries - Examples CSS Media Queries - More Examples
2021/03/31 15:17 오션 CSS Attribute Selectors * description : CSS Attribute Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 Style HTML Elements With Specific Attributes 특정 속성 또는 속성 값이 있는 HTML
2021/03/05 09:28 오션 CSS Backgrounds * description : CSS Backgrounds * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Case Study * [CSS] Background-color 투명 or 배경 없애기 Source of the article * CSS Background Color * CSS Background Image * CSS Background Repeat * CSS Background Attachment * CSS Background Shorthand CSS 백그라운드 속성은 요소들을 위한 배경 효과를 추가하기 위해 사용됩니다.
2021/03/05 10:57 오션 CSS Borders * description : CSS Borders * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Source of the article * CSS Borders * CSS Border Width * CSS Border Color * CSS Bordr Sides * CSS Shorthand Border Property * CSS Rounded Borders CSS Borders(테두리) CSS Border 속성은 요소의 테두리 스타일, 너비, 컬러를 지정합니다.
2021/03/02 13:28 오션 CSS Box Model * description : CSS와 박스 모델 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-02 Source of the article * “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 /
2021/03/16 18:05 오션 CSS Box Sizing * description : CSS box-sizing Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-16 Source of the article * CSS Box Sizing CSS Box Sizing CSS box-sizing속성을 사용하여 요소의 전체 너비와 높이에 패딩과 보더를 포함시킬 수 있습니다.
2021/04/07 14:18 오션 CSS calc() Function * description : CSS calc() Function * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Ref CSS calc() Function 예제 calc()를 사용하여 <div> 요소의 너비를 계산합니다. <!DOCTYPE html> <html> <head> <style> #div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid #000; background-color: yellow; padding: 5px; text-align: center; …
2021/03/04 17:44 오션 CSS Colors * description : CSS Colors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * CSS Colors * CSS RGB Colors * CSS HEX Colors * CSS HSL Colors 컬러는 미린 정의된 컬러 이름, 또는 RGB, HEX, HSL, RGBA, HSLA 값을 사용하며 명시합니다.
2021/03/04 14:29 오션 CSS Combinators * description : CSS Combinators * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 /
2021/03/04 17:20 오션 CSS Comments * description : CSS Comments * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * CSS Comments CSS 주석은 브라우저에서 보이지 않지만, 소스 코드를 자세히 기록하는 것에 도움이 될 수 있습니다.
2021/04/05 13:36 오션 CSS Counters * description : CSS Counters * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-05 CSS 카운터는 CSS 규칙에 의해 값이 증가할 수 있으면서, 사용된 횟수를 추적하기 위해 CSS에 의해 유지되는
2021/03/15 09:16 오션 CSS Display * description : CSS Display Property, Block-level Elements, Inline Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-15 Source of the article * CSS Display The display Property display속성은 레이아웃을 조절하는 가장 중요한
2021/03/31 09:03 오션 CSS Dropdowns * description : CSS Dropdowns * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 CSS로 호버할 수 있는(hoverable) 드롭다운 메뉴를 만듭니다. Basic Dropdown 사용자가 요소 위에 마우스를 올렸을 때 나타나는 드롭다운 박스를 만듭니다.
2021/07/12 10:52 오션 CSS Examples - CSS Templates * description : CSS Templates * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-12 Mon The source of this article CSS Templates CSS Layout Templates CSS로 반응형 스타터 템플릿을 만들었습니다.
2021/03/16 12:44 오션 CSS Flex Container * description : CSS Flex Container * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-05 =====The source of this article=====CSS Flex Container Parent Element (Container) 이전 챕터에서 지정했던 것처럼, 아래는 3개의 플렉스 아이템을 가진 플렉스 컨테이너(blue 컬러 부분)입니다.
2021/03/16 11:32 오션 CSS Flexbox * description : CSS Lists, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-05 Source of the article CSS Flexbox CSS Flexbox 예제 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Flexible Boxes</title> <style> .flex-container { display: flex; …
2021/07/16 08:49 오션 CSS Flexbox - Flex Items * description : CSS Lists, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-16 The source of this article CSS Flexbox - Flex Items Child Elements (Items) flex container의 직계 자식 요소들은 자동으로 flexible (flex) items가 됩니다.
2021/03/15 20:02 오션 CSS Float Examples * description : CSS Float Examples * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-16 Source of the article * CSS Layout - Float Examples Grid of Boxes / Equal Width Boxes float속성을 사용하면 콘텐츠 박스들을 쉽게 나란히 배치할 수 있습니다.
2021/03/08 20:36 오션 CSS Font Shorthand * description : CSS Font Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Font Property CSS Font Property 코드를 줄이기 위해, 하나의 속성에서 모든 개별 폰트 속성을 지정하는 것도 가능합니다.
2021/03/08 19:28 오션 CSS Fonts * description : CSS Font, Font-family, web safe, style, size, Google, Pairings, Shorthand * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Google Fonts CSS Google Fonts HTML
2021/03/08 14:54 오션 CSS Fonts * description : CSS Font, Font-family, web safe, style, size, Google, Pairings, Shorthand * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Fonts * CSS Web Safe Fonts * CSS Fonts Fallbacks * CSS Font Style * CSS Font Size * CSS Google Fonts
2021/04/02 17:43 오션 CSS Forms * description : CSS Forms * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-02 Style HTML Elements With Specific Attributes HTML 폼양식, Form의 모양은 CSS로 크게 개선될 수 있습니다.
2021/03/08 20:23 오션 CSS Great Font Pairings * description : CSS Font Pairing Rules * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Great Font Pairings CSS Google Fonts 어울리는 폰트 조합은 디자인에 매우 중요합니다.
2021/07/02 14:49 오션 CSS Grid Intro * description : CSS Responsive Web Design- Images * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-02 Fri The source of this article CSS Grid Intro CSS Grid Layout Module Grid Layout CSS Grid Layout Module
2021/03/05 17:32 오션 CSS Height / Width * description : CSS Height / Width * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Source of the article * CSS Height / Width CSS Height and Width CSS height와 width속성들은 한 요소의 높이와 너비를 설정하기 위해 사용됩니다
2021/03/04 15:28 오션 CSS How to add CSS * description : CSS How to add CSS * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * How to Add CSS 브라우저가 스타일시트를 참조할 때, 브라우저는 스타일 시트의 정보에 따라
2021/03/31 11:36 오션 CSS Iamge Gallery * description : CSS Iamge Gallery * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 CSS로 이미지 갤러리를 만들 수 있습니다. Image Gallery 하기의 이미지 갤러리를
2021/03/31 13:18 오션 CSS Iamge Sprites * description : CSS Iamge Sprites * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 Image Sprites 이미지 스프라이트(Image Sprites)는 단일 이미지에 넣은 이미지 모음입니다.
2021/03/09 08:06 오션 CSS Icons * description : CSS Icons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-09 Source of the article * CSS Icons CSS Icons 아이콘 라이브러리를 사용하여 아이콘을 쉽게 HTML페이지에 추가할 수 있습니다.
2021/03/18 09:11 오션 CSS Inline-block * description : CSS display:inline-block * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-18 Source of the article * CSS The display:inline-block value The display: inline-block value display: inline 속성과 비교하면, 가장 중요한 차이는
2021/03/04 09:17 오션 CSS Introduction & Syntax * description : CSS Introduction & Syntax * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 /
2021/03/15 17:38 오션 CSS Layout - float - clear and clearfix * description : CSS float - clear and clearfix * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-15 The source of this article * CSS float - clear and clearfix The clear Property clear 속성을 사용하고, 다음 요소를 하단에 위치시키고 싶을 때,
2021/03/15 17:00 오션 CSS Layout - float and clear * description : CSS width, max-width, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-26 Source of the article * CSS Layout - float and clear CSS float 속성은 요소가 어떻게 떠 있어야(float)
2021/03/18 09:45 오션 CSS Layout - Horizontal & Vertical Align * description : CSS Layout - Horizontal & Vertical Align * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-18 Source of the article * CSS Layout - Horizontal & Vertical Align Center Align Elements div와 같은 블럭 요소를 가로 방향으로 중앙 정렬 하기 위해,
2021/03/12 14:56 오션 CSS Links * description : CSS Links, Text Decoration, Background Color, Link Buttons, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-12 Source of the article * CSS Links CSS를 사용하여 links를 다양하게 꾸밀 수 있습니다.
2021/03/12 16:28 오션 CSS Lists * description : CSS Lists, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-12 Source of the article * CSS Lists HTHL 리스트, CSS 리스트 속성 HTML에는 두 가지 속성의 리스트가 있습니다.
2021/03/05 15:45 오션 CSS Margins * description : CSS Margins * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Source of the article * CSS Margins CSS Margins CSS margins(여백)속성은 어떤 정의된 테두리 외부의, 요소들의 주위 공간을 만드는데 사용됩니다.
2021/03/15 13:39 오션 CSS Max-width * description : CSS width, max-width, * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-15 Source of the article * CSS Layout - width and max-width CSS Layout - width and max-width Using width, max-width and margin: auto;
2021/03/30 16:30 오션 CSS Navigation Bar * description : CSS Vertical Navbar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 Vertical Navigation Bars 수직 네비게이션 바를 만들려면, 이전 페이지의 코드 외에도, 목록 안의 <a> 요소의 스타일을 지정할 수 있습니다.
2021/03/30 14:55 오션 CSS Navigation Bar * description : CSS NavBar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 Navigation Bars 사용하기 쉬운 네비게이션 바는 모든 웹 사이트에서 중요합니다. CSS
2021/03/30 18:23 오션 CSS Navigation Bar * description : CSS Horizontal Navbar * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 Horizontal Navigation Bars 가로 네비게이션 바를 만드는 방법에는 두 가지가 있습니다.
2021/03/30 14:10 오션 CSS Opacity / Transparency * description : CSS Opacity / Transparency * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 opacity 속성은 요소의 불투명도 / 투명도 (opacity / Transparency)를 지정합니다.
2021/03/08 09:14 오션 CSS Outline * description : CSS Outline width, color, shorthand, offset * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS Outline CSS Outline 아웃라인 (outline)은 한 요소의 테두리(border) 외부에 그려지는 선으로, 해당 요소를 쉽게 눈에 띄게 합니다.
2021/03/05 16:46 오션 CSS Padding * description : CSS Padding * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-05 Source of the article * CSS Padding CSS Padding 패딩은 정의된 어떤 테두리 안에서 한 요소의 콘텐츠 주위에 공간을 만드는데 사용됩니다.
2021/03/12 17:31 오션 CSS Position * description : CSS Layout - The position property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-12 Source of the article * CSS Layout - The position Property CSS Layout - The position property position속성은 하나의 요소에 대하여 사용되는 포지셔닝 방법의 타입을 지정합니다(static, relative, fixed, absolute or sticky).
2021/03/29 19:28 오션 CSS Pseudo-classes * description : CSS Pseudo-classes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-29 What are Pseudo-classes? 가상 클래스(Pseudo classes, 쑤도우 클래스, 의사 클래스)는 요소의 특별한 샅애를 정의하기 위해 사용합니다.
2021/03/30 09:58 오션 CSS Pseudo-elements * description : CSS Pseudo-classes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-30 What are Pseudo-Elements? CSS 가상 요소(pseudo=element)는 요소의 지정된 부분에 스타일을 지정하는데 사용됩니다.
2021/07/06 09:14 오션 CSS Responsive Web Design - Grid-View * description : CSS Responsive Web Design - Grid-View * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - Grid-View What is a Grid-View? 많은 웹 페이지들은 그리드 뷰(grid-view)에 기반하고 있으며, 이는 페이지가 컬럼(세로 열)으로 구분되어 있다는 것을 의미합니다.
2021/07/06 08:42 오션 CSS Responsive Web Design - Intro * description : CSS Responsive Web Design - Intro * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - Intro What is Responsive Web Design? 반응형 웹 디자인은 웹 페이지를 모든 장치에서 보기 좋게 만듭니다.
2021/07/06 11:00 오션 CSS Responsive Web Design - Media Queries * description : CSS Responsive Web Design - Media Queries * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - Media Queries What is a Media Query?
2021/07/06 09:13 오션 CSS Responsive Web Design - The Viewport * description : CSS Responsive Web Design - The Viewport * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-06 Tue The source of this article CSS Responsive Web Design - The Viewport What is The Viewport?
2021/06/29 08:02 오션 CSS Responsive Web Design- Images * description : CSS Responsive Web Design- Images * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-29 The source of this article CSS Responsive Web Design - images Using The width Property width 속성이 백분율로 설정되고 height 속성이
2021/03/04 10:55 오션 CSS Selectors * description : CSS Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 Source of the article * “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 /
2021/04/21 14:56 오션 CSS Specificity * description : CSS Specificity * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 What is Specificity? 동일한 요소를 가리키면서 충돌하는 CSS 규칙이 두 개 이상 있는 경우,
2021/03/08 11:39 오션 CSS Text * description : CSS text color, alignment, decoration,transformation, spacing, shadow * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-08 Source of the article * CSS text * CSS Text Alignment * CSS Text Decoration * CSS Text Transformation * CSS Text Spacing * CSS Text Shadow
2021/04/21 16:04 오션 CSS The !important Rule * description : CSS The !important Rule * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 What is !important? CSS의!important 규칙은 속성/값에 더 많은 중요성을 추가하는 데 사용됩니다.
2022/03/11 19:53 오션 CSS Tooltip * description : CSS Advanced - CSS Tooltip * author : 오션 * email : shlim@repia.com * lastupdate : 2021-10-06 Source of this article CSS Tooltip [HTML/CSS] 툴팁 적용하는 방법(title 및 커스텀 툴팁 Tooltip Arrows 오션 css media queries examples
2021/07/21 16:57 오션 CSS Transitions * description : CSS Transitions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-21 The source of this article CSS Transitions CSS Transitions CSS transitions는 설정한 시간 동안 속성 값이 부드럽게 변화하게 합니다.
2021/04/21 09:55 오션 CSS Units * description : CSS Units * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 CSS Units CSS에는 길이를 표현하는 여러 가지 단위가 있습니다. 많은 CSS 속성은 width, margin
2021/05/04 09:58 오션 CSS Variables * description : CSS Variables - Variables and JavaScript * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - Variables and JavaScript Change Variables With JavaScript CSS 변수는 DOM에 액세스 할 수 있으므로,
2021/05/04 11:05 오션 CSS Variables - Variables in Media Queries * description : CSS Using Variables in Media Queries * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - Variables in Media Queries Using Variables in Media Queries
2021/05/04 08:42 오션 CSS Variables * description : CSS Variables - The var() Function * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - The var() Function var() 함수는 CSS 변수의 값을 삽입하는 데 사용됩니다.
2021/05/04 09:29 오션 CSS Variables * description : CSS Variables - Overriding Variables * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-04 Source of the article CSS Variables - Overriding Variables Overriding Global Variables With Local Variables 이전 페이지(Overriding Variables)에서, 전역 변수는 전체 문서를 통해 액세스/사용할 수 있는 반면,
2021/03/23 15:31 오션 CSS Vendor Prefix * description : CSS Vendor Prefix * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Vendor Prefix 브라우저별 CSS 지원을 위하여 벤터 프리픽스 (Vendor Prefix)를 사용할 필요가 있습니다.
2020/03/25 11:00 오션 * description : Eclipse에서 File Search를 기본으로 설정하기 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-23 Ctrl + H 사용 환경 : Eclipse Platform Oxygen.3a Version 이클립스에서 가장 많이 사용하는 'File Search'기능을, 단축키 'Ctrl + H'로 실행할 때 Search Dialog 팝업창에서 File Search 탭이 기본 탭으로 나오도록 설정하기
2022/06/22 20:28 오션 data-* attributes * description : data-* attributes * author : 오션 * email : shlim@repia.com * lastupdate : 2022-06-22 Wed data-* attributes 출처:WHATWG (Web Hypertext Application Technology Working Group) 웹 하이퍼텍스트 애플리케이션 테크놀로지 워킹 그룹
2023/01/03 12:27 오션 Database 관련 용어 * description : Database 관련 용어 * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-04 Tue Database 관련 용어 엔터티(Entity) 식별이 가능한 객체. * 식별할 수 있는 사물
2023/01/02 18:42 오션 DataTables * description : DataTables * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-03 Mon DataTables function column().search(input[, regex[, smart[, caseInsen]]]) function column.search( input [, regex[, smart[, caseInsen]]] ) function column.search( input ) function column.search( input, regex ) function column.search( input, regex, smart ) function column.search( input, regex, smart, caseInsen )
2022/06/21 19:55 오션 DateFormat format() * description : DateFormat format() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-06-21 Tue DateFormat format() Ref LInk DateFormat format() Method in Java with Examples 설명(구글 번역기) java.text 패키지 내부에 있는 DateFormat 클래스는 모든 로케일의 날짜를 형식화하고 구문 분석하는 데 사용되는 추상 클래스입니다.
2020/03/04 10:25 오션 Dell G5 5590 * description : AS 관련 & 유의사항 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-04 증상 노트북 화면이 꺼지고, 작동하는 소리만 들립니다. 확인 1.전원버튼을 20초 이상 눌러 전원을 강제 종료합니다.
2020/08/04 14:18 오션 Dell G5 5590 서비스 기록 * 2020.02.27 : SSD 교체, Windows10설치 (서울) * 2020.06.09 : 엔지니어 설득으로 메인보드 교체하지 않고, SSD만 교체, Windows10설치 (서울) * 2020.08.04 : 메인보드 교체 (대전) 오션 dell
2020/06/24 22:43 오션 DOC2VEC * description : doc2vec * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-24 용어 DOC2VEC : Document to Vector FIXME 의미 뉴스와 같은 문서(Document)의 내용을 학습하고, 이를 벡터(Vector, n차원의 의미있는 수치)로 변화하는 임베딩(embedding) 기술
2021/01/06 09:02 오션 Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 Document * 드림코딩 by 엘리 오션 youtube 유투브 문서 내용정리
2020/10/30 09:21 오션 Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 * Test * FP ( Function Point ) * 요구사항 ( Requirement ) 오션 document 문서 작성
2021/03/26 17:53 오션 Document * description : 어트리뷰트와 프라퍼티 (attribute and property)의 차이 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-02-26 Source of the article * HTML: The difference between attribute and property * attribute 와 property 의 차이 어트리뷰트와 프라퍼티 (attribute and property)의 차이
2020/11/04 12:02 오션 Document * description : 문서 작성 관련 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-11-04 테스트 ( Test ) (1) 단위테스트 ( Unit Test, 유닛 테스트 ) (2) 통합테스트 ( Integration Test, 인트(티)그레이션 테스트
2020/11/04 12:09 오션 Document * description : 문서 작성 관련 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-11-04 본 페이지는 "FP 산출문서" 제출을 대비해 정리한 것입니다 FP ( Function Point, 펑션 포인트, 기능점수 )
2020/11/24 13:06 오션 Document * description : 요구사항 ( Requirment ) * author : 오션 * email : shlim@repia.com * lastupdate : 2020-11-24 요구사항 ( Requirement ) 번호 코드 영문 요구사항명
2021/04/14 13:19 오션 DOM Intro, JavaScript HTML DOM * description : JavaScript HTML DOM - Changing HTML * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article * JavaScript HTML DOM HTML DOM으로 JavaScript는 HTML 문서의 모든 요소에 접근하여 변경할 수 있습니다.
2022/10/18 11:06 오션 DR (Diaster Recovery) * description : Chrome console에서 jQuery 사용하기 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-18 Tue DR * DR (Disaster Recovery, 재해 복구) * DRP (Disaster Revocery Plan, 재해 복구 계획)
2020/03/25 11:02 오션 Eclipse PlugIn 'Quick Search' * description : Eclipse의 PlugIn 'Quick Search“ * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-23 Eclipse PlugIn 'Quick Search' * 이클립스의 기본으로 설정되어 있는 Search Dialog와 Search View의 대체 방안.
2020/03/25 12:29 오션 * description : Eclipse SVN에서 패키지 익스플로러 뷰, 프로젝트 익스플로러 뷰, 네비게이터 뷰에서 프로젝트, 폴더, 파일에 버전 정보 표시하는 방법 * author : 오션 * email : shlim@repia.com
2022/09/07 19:57 오션 Egov 페이징 커스텀 * description : Egov 페이징 커스텀 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-09-07 Wed Egov 페이징 커스텀 1. Java Resources > Libraries > Maven Dependencies > egovframework.rte.ptl.mvc-3.9.0.jar > egovframework.rte.ptl.mvc > tags.ui > pagination> AbstractPaginationRenderer.class 반드시 참조
2022/09/05 16:14 오션 Egov 페이징 커스텀 페이지네이션 렌더러 * description : Egov 페이징 커스텀 페이지네이션 렌더러 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-09-05 Mon Egov 페이징 커스텀 페이지네이션 렌더러
2020/07/15 17:05 오션 EMLo [엘모] * description : ELMo * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-15 용어 * ELMo[엘모, Embeddings from Language Model, '언어 모델로 하는 임베딩'] 정리 - 2018년 제안된 새로운 워드 임베딩 방법론
2020/09/18 13:14 주레피 ERD * description : ERD 개념 * author : 천호동밤안개 * email : jhgong@repia.com * lastupdate : 2020-09-18, 2022-08-11 Intro Case Study Term ERD ( Entity Relationship Diagram ) : 'Entity 개체'와 'Relationship 관계'를 중점적으로 표시하는 데이터베이스 구조를 한 눈에 알아보기 위해 그려놓는 다이어그램
2022/04/12 20:36 오션 escapeHtml And unescapeHtml * description : escapeHtml And unescapeHtml * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-12 The R-Utils > Crypto escapeHtml 1. Encryption - escapeHtml 선택 - Input Text 입력란에 입력 후,
2021/07/16 10:24 오션 Firefox Browser Developer Edition을 VS Code 기본 브라우저로 설정하기 * description : Firefox Browser Developer Edition을 VS Code 기본 브라우저로 설정하기 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-16 Fri
2022/10/28 13:19 오션 git add *(asterisk) VS git add .(period) * description : git add *(asterisk) VS git add .(period) * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-28 Fri git add *(asterisk) VS git add .(period) add * means add all files in the current directory, except for files whose name begin with a dot. This is your shell functionality and Git only ever receives a list of files.
2022/12/28 10:04 오션 Hibernate * description : Hibernate * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-28 Wed Hibernate ORM Object/Relational Mapping 하이버네이트(Hibernate) ORM을 사용하면 개발자는 애플리케이션 프로세스보다 더 오래 지속되는 애플리케이션을 보다 쉽게 작성할 수 있습니다.
2022/03/11 20:39 오션 Hot Deploy * description : How to set Hot Deploy to Tomcat Server * author : 오션, slaptear * email : shlim@repia.com, sgjang@repia.com * lastupdate : 2023-02-01 Wed Hot Deploy * 서버 실행 중 수정된 Java 소스가 배포될 경우 서버를 재가동하지 않고 변경된 Java 소스를 바로 적용하는 기능
2021/04/07 09:18 오션 HOW TO * description : How to add active class to current element * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Ref How to add active class to current element JavaScript를 사용하여 현재 요소에 액티브 클래스를 추가하는 방법을 학습합니다.
2021/04/09 10:41 오션 HOW TO - CSS/JS Modal * description : How TO - CSS/JS Modal * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Ref How TO - CSS/JS Modal CSS 및 JavaScript로 모달 박스를 만드는 방법을 학습합니다. How to Create a Modal Box
2021/04/09 17:12 오션 HOW TO - Google Chart * description : How TO - Google Chart * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Ref Google Charts - Quick Start Pie Chart <!DOCTYPE html> <html> <head> <title>Google Pie Chart</title> <!-- Load the AJAX API --> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> // Load the Visualization API and the corechart packgage. …
2021/04/12 14:27 오션 HOW TO - Off-Canvas Menu * description : How TO - Off-Canvas Menu * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Ref How TO - Off-Canvas Mnu Create an Off-Canvas Menu 예제 Step 1) Add HTML <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> <a href="#">About</a> <a href="#">Services</a> <a href="#">Clients</a> <a href="#">Contact</a> </d…
2021/04/09 18:17 오션 HOW TO Google Fonts * description : How to - Google Fonts * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Ref How to - Google Fonts 예제 <!DOCTYPE html> <html> <head> <title>Google Fonts</title> <link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet"> <style> body { font-family: 'Sofia'; font-size: 22px; } </style> </head> <body> <h1>Sofia</h1> <p>Lorem ipsum dolor …
2022/03/31 09:31 오션 How to load jQuery in Chrome DevTools * description : Chrome console에서 jQuery 사용하기 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-03-31 Chrome console에서 jQuery 사용하기 var jq = document.createElement('script'); jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(jq); // ... give time for script to load, then type. jQuery.noConflict();
2021/06/16 15:04 오션 HTML <Iframe> The inline Frame element * description : HTML <Iframe> The inline Frame element * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-16 Wed The source of the article <iframe>: The Inline Frame element <iframe> HTML 요소는 중첩된 접속 환경 (브라우징 컨텍스트, a nested browsing context)
2021/06/08 08:02 오션 HTML data-* Attributes * description : HTML data-* Attributes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article HTML data-* Attributes Example <body> <h1>Species</h1> <p>Click on a species to see what type it is:</p> <ul> <li onclick="showDetails(this)" id="owl" data-animal-type="bird">Owl</li> <!-- 클릭 시 The Owl is a bird.라고 alert창에 표시 --> <li onclick="showDetails(this)" id="salmon" data-anim…
2021/06/03 14:05 오션 HTML DOM appendChild() Method * description : HTML DOM appendChild() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 Source of the article HTML DOM appendChild() Method Example 목록(list)에 항목(item)을 첨부합니다.
2021/04/07 12:03 오션 HTML DOM getElementById() Method * description : HTML DOM getElementById() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Source of the article * HTML DOM getElementById() Method 지정한 ID가 있는 요소를 가져옵니다.
2021/04/07 12:02 오션 HTML DOM getElementsByClassName() Method * description : HTML DOM getElementsByClassName() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Source of the article * HTML DOM getElementsByClassName() Method 지정 클래스 이름을 가진 모든 요소들을 가져옵니다.
2021/05/27 08:42 오션 HTML Forms - HTML Form Elements * description : HTML Forms - HTML Form Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-27 The Source of this article HTML Form Elements The HTML <form> Elements HTML <form> 요소는 다음 폼(form, 양식) 요소 중 하나 이상을 포함 할 수 있습니다.
2021/05/11 11:07 오션 HTML Forms - HTML Forms * description : HTML Forms - HTML Forms * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-11 The Source of this article HTML Forms HTML form은 사용자의 입력정보를 수집하기 위해 사용합니다.
2021/03/23 14:17 오션 HTML Image Maps * description : HTML Image Maps * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Source of the article * Image Maps HTML 이미지 맵을 사용하여, 이미지 위에서 클릭 가능한 영역을 만들 수 있습니다.
2021/03/23 14:14 오션 HTML Images * description : HTML Images * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Source of the article * HTML Images HTML Images Syntax HTML <img> 태그는 웹 페이지에 이미지를 끼어 넣기 위해 사용합니다.
2021/03/23 11:16 오션 HTML Introduction * description : HTML Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Source of the article * HTML Introduction HTML이란? * HTML은 Hyper Text Markup Language, 하이퍼 텍스트 마크업 언어이다.
2021/04/09 08:15 오션 HTML Links * description : HTML Links * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-09 Source of the article * HTML Links 거의 모든 웹 페이지에서 링크(Links)를 찾을 수 있습니다. 링크를 통해 사용자는 페이지를 이동합니다.
2021/06/03 09:05 오션 HTML Tags - <aside> Tag * description : HTML Tags - <aside> Tag * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 the Source of the article HTML <aside> Tag Example 배치된 컨텐츠와 떨어져서 일부 컨텐츠를 나타냅니다.
2021/05/11 08:59 오션 HTML Tags - <div> tags * description : HTML Tags - <div> tags * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-11 Source of the article * HTML <div> Tag 예제 CSS로 스타일을 만드는 문서의 <div> 섹션
2021/07/08 11:10 오션 HTML Tags - <img> Tag * description : HTML Tags - <aside> Tag * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-08 Tue The Source of this article HTML <img> Tag Example 스크롤없이 볼 수 있는 이미지에 지연 로딩(lazy loading)를 추가합니다:
2021/06/01 17:11 오션 HTML Tags - <link> href Attribute * description : HTML Tags - <link> href Attribute * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-01 the Source of the article HTML <link> href Attribute Example 외부 스타일 시트에 연결(link)
2022/12/08 09:37 오션 HTML Tags - fieldset & legend * description : HTML Tags - fieldset & legend * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-08 Thu <fieldset> Definition and Usage <fieldset> 태그는 form에서 관련된 요소들(elements)을 그룹화하는 데 사용합니다.
2021/05/11 10:31 오션 HTML Tutorial - HTML Block & Inline Elements * description : HTML Tutorial - HTML Block & Inline Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-11 Source of the article HTML Block and Inline Elements 모든 HTML 요소에는 요소 유형에 따라 기본 표시 값이 있습니다.
2021/06/01 16:32 오션 HTML Tutorial - HTML File Paths * description : HTML Tutorial - HTML File Paths * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-01 The source of the article HTML File Paths 파일 경로(file path)는 웹 사이트의 폴더 구조에서 파일의 위치를 ​​설명합니다.
2021/05/21 11:33 오션 HTML Tutorial - HTML Iframes * description : HTML Tutorial - HTML Iframes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-21 The source of the article HTML Iframes HTML iframe은 웹 페이지 내부에 웹 페이지를 표시하는 데 사용됩니다.
2022/12/23 20:42 오션 HTMLFormElement.reset() * description : HTMLFormElement.reset() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-23 Fri HTMLFormElement.reset() The HTMLFormElement.reset() method restores a form element's default values. This method does the same thing as clicking the form's <input type=
2020/02/07 21:08 오션 * description : IaaS, PaaS, SaaS * author : 오션 * email : shlim@repia.com * lastupdate : 2020-02-07 IaaS, PaaS, SaaS IaaS Infrastructure-as-a-Service 서비스로서의 인프라 PaaS Platform-as-a-Service
2020/06/24 23:12 오션 ICT * description : ICT * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-24 용어 ICT : Information and Communication Technology (인포메이션 앤 커뮤니케이션 테크널러지) 정보통신기술 의미
2020/03/19 11:32 오션 * description : IE (Internet Explorer)에서 HTTP 오류 메시지 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-19 IE(Internet Explorer) Show friendly HTTP error messages 웹 사이트 개발 시, 서버에서 생성한 응답 화면이 아닌, IE에서 기본값으로 제공하는 HTTP 오류 메시지가 출력되는 경우
2020/06/24 23:17 오션 IoT * description : IoT * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-24 용어 IoT : Internet of Things (인터넷 오브 씽즈) 사물인터넷 의미 사람과 사물이 인터넷으로 대화를 나눈다.
2020/06/24 10:37 오션 ISP [정보 전략 계획] * description : ISP [정보전략계획] * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-24 약어(두문자어) 설명 ISP : Information Strategy Planning (인포메이션 스트래티지 플래닝)
2022/06/21 20:41 오션 Java SimpleDateFormat * description : Java SimpleDateFormat * author : 오션 * email : shlim@repia.com * lastupdate : 2022-06-21 Tue Java SimpleDateFormat SimpleDateFormat 클래스는 데이터를 형식화하고 분석하는데에 도움이 됩니다. 날짜를 한 형식에서 다른 형식으로 변경할 수 있습니다.
2023/01/17 11:48 오션 Java String charAt() 메소드 * description : Java String charAt() 메소드, 통화 기호 * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-17 Tue String charAt() method charAt() 메소드는 문자열에서 지정한 인덱스의 문자(character)를 반환합니다.
2022/06/30 19:06 오션 java.util.Calendar * description : java.util.Calendar * author : 오션 * email : shlim@repia.com * lastupdate : 2022-06-30 Thu java.util.Calendar Calendar 클래스는 자바에서 날짜와 시간에 관한 데이터를 손수비게 처리할 수 있도록 제공해주는 추상 클래스입니다.
2021/04/12 09:38 오션 JavaScipt Classes * description : JavaScipt Classes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Source of the article * JavaScipt Classes ES6라고도 하는 ECMAScript 2015는 JavaScript 클래스를 도입했습니다.
2022/04/06 21:27 오션 JavaScipt Naming Conventions * description : JavaScipt Naming Conventions * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JavaScipt Naming Conventions 10 JavaScript Naming Conventions Every Developer Should Know
2021/04/14 13:22 오션 JavaScript - HTML DOM Methods * description : JavaScript - HTML DOM Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article * JavaScript - HTML DOM Methods HTML DOM 메서드(methods)는 HTML 요소에 수행할 수 있는 동작(actions)입니다.
2022/08/23 12:03 오션 JavaScript - IIFE * description : JavaScript Function Definitions * author : 오션 * email : shlim@repia.com * lastupdate : 2022-08-22 IIFE * Immediately Invoked Function Expression * 즉시 실행 함수 표현 (즉시 호출되는 함수 표현식)
2021/04/14 11:14 오션 JavaScript / jQuery CSS Styles * description : JavaScript / jQuery CSS Styles * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery CSS Styles Hiding HTML Elements HTML 요소를 숨깁니다. JQuery <!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <h1 id="01">Hiding Text Content with JQuery</h1> <h2 id="02">Hello World!</h2> <h2 id="03"…
2021/04/14 09:20 오션 JavaScript / jQuery DOM Selectors * description : JavaScript / jQuery DOM Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery DOM Selectors jQuery vs JavaScript jQuery는 2006년 John Resig가 만들었습니다.
2021/04/14 11:25 오션 JavaScript / jQuery HTML DOM * description : JavaScript / jQuery HTML DOM * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery HTML DOM Removing HTML Elements HTML 요소를 제거합니다: JQuery <!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <h2>Remove an HTML Element with JQuery</h2> <h2 id="id01">Hello World!</h2> <h2 id="id02">Hel…
2021/04/14 10:14 오션 JavaScript / jQuery HTML Elements * description : JavaScript / jQuery HTML Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript / jQuery HTML Elements Set Text Content HTML 요소의 내부 텍스트를 설정합니다.
2021/04/02 15:24 오션 JavaScript AJAX Intro * description : JavaScript AJAX Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-02 AJAX Introduction * AJAX는 웹 페이지가 로딩된 후 웹 서버에서 데이터를 읽을 수 있습니다.
2021/04/20 21:39 오션 JavaScript Arithmetic * description : JavaScript Arithmetic * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article JavaScript Arithmetic JavaScript Arithmetic Operators 산술 연산자(Arithmetic Operators)는 숫자(리터럴 또는 변수)에 대한 산술을 수행하는 데 사용됩니다.
2023/01/17 12:34 오션 JavaScript Array filter() * description : JavaScript Array filter() * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-17 Tue Definition and Usage filter() 메소드는 함수로 제공된 테스트를 통과한 요소들의 새로운 배열을 생성합니다.
2022/12/29 11:19 오션 JavaScript Array findIndex() * description : JavaScript Array findIndex() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-29 Thu JavaScript Array findIndex() findIndex() 메소드는 배열의 각 요소들에 대해 함수를 실행합니다.
2021/05/26 18:30 오션 JavaScript Array forEach() Method * description : JavaScript Array forEach() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 Example 배열의 각 항목을 나열합니다. <body> <p>List all array items, with keys and values:</p> <p id="demo"></p> <script> const fruits = ["apple", "orange", "cherry"]; fruits.forEach(myFunction); function myFunction(item, index) { document.getElementById("demo").innerHTML += index + ":" + item + "<br>"; …
2021/05/06 08:40 오션 JavaScript Array Iteration * description : JavaScript Array Iteration * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-06 The Source of this article JavaScript Array Iteration 배열 반복 함수(Array iteration methods)는 모든 배열 항목에서 작동합니다.
2021/05/28 11:57 오션 Javascript Array map() Method * description : Javascript Array map() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 The source of this article JavaScript Array map() Method Example 기존 배열에 있는 모든 값의 제곱근을 가진 배열을 반환합니다.
2021/04/27 09:55 오션 JavaScript Array Methods * description : JavaScript Array Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-27 The source of this article JavaScript Array Methods JavaScript 메소드 toString()은 쉼표로 구분된 배열을 배열 값의 문자열로 변환합니다.
2021/04/26 10:56 오션 JavaScript Arrays * description : JavaScript Arrays * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 The source of this article [[<https://www.w3schools.com/js/js_events.asphttps://www.w3schools.com/js/js_arrays.asp> JavaScript 배열은 단일 변수에 여러 값을 저장하는 데 사용됩니다.
2021/04/26 14:37 오션 JavaScript Arrow Function * description : JavaScript Arrow Function * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 The source of this article JavaScript Arror Function 화살표 함수(Arrow functions)은 ES6에 도입되었습니다.
2021/04/23 18:59 오션 JavaScript Assignment * description : JavaScript Assignment * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-23 The Source of this article JavaScript Assignment JavaScript Assignment Operators 할당 연산자(Assignment operators)는
2021/05/31 12:24 오션 Javascript Break and Continue * description : Javascript Break and Continue * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-31 the source of this article Javascript Break and Continue The For/Of Loop break 문은 loop에서 빠져나옵니다(jump out).
2021/04/01 12:45 오션 JavaScript Comments * description : JavaScript Comments * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-01 JavaScript 주석comment은 JavaScript 코드를 설명하고, 더 읽기 쉽게 만드는 데 사용할 수 있습니다.
2021/04/21 18:47 오션 JavaScript Conditions * description : JavaScript if else and else if * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-21 The source of this article JavaScript if else and else if 조건문(Conditional Statements)은 다양한 조건에 근거한 다양한 작업을 하는 데 사용합니다.
2021/04/13 20:10 오션 JavaScript Const * description : JavaScript Let * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 ECMAScript 2015 ES2015는 let과 const라는 두 가지 중요한 새 JavaScript 키워드를 도입했습니다.
2021/04/12 17:27 오션 JavaScript Date * description : JavaScript getDate() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 JavaScript getDate() Method 예제 날짜를 반환합니다. function myFunction() { var d = new Date(); var n = d.getDate(); document.getElementById('demo').innerHTML = n; }
2021/04/13 08:22 오션 JavaScript Date Objects * description : JavaScript Date Objects * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 Ref JavaScript Date Objects JavaScript Date Object를 사용하면 날짜 작업을 할 수 있습니다. JavaScript Date Output
2021/04/12 12:41 오션 JavaScript Events * description : JavaScript Events * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Ref JavaScript Events HTML 이벤트는 HTML 요소에 발생하는 것 입니다. HTML 페이지에서 JavaScript
2021/04/26 20:24 오션 JavaScript For Loop * description : JavaScript For Loop * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 the source of this article JavaScript For Loop 루프(Loops)는 코드 블록을 여러 번 실행할 수 있습니다.
2021/04/14 14:49 오션 JavaScript Function Definitions * description : JavaScript Function Definitions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Source of the article * JavaScript Function Definitions JavaScript 함수는 function 키워드는 정의합니다.
2021/04/14 16:45 오션 JavaScript Function Parameters * description : JavaScript Function Parameters * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Source of the article * JavaScript Function Parameters JavaScript function은 매개변수 값parameter values
2021/05/20 08:58 오션 JavaScript Functions * description : JavaScript Functions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-20 The Source of this article JavaScript Functions JavaScript Function Syntax JavaScript 함수는 특정 작업을 수행하도록 설계된 코드 블록(a block of code)입니다.
2021/04/13 11:33 오션 JavaScript Get Date Methods * description : JavaScript Get Date Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 Ref JavaScript Get Date Methods 다음의 메소드들은 날짜 오브젝트에서 정보를 가져오기 위해 사용할 수 있습니다.
2021/04/14 17:29 오션 JavaScript getDay() Method * description : JavaScript getDay() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 예제 한 주의 요일을 반환합니다. function myFunction() { var d = new Date(); var n = d.getDay(); document.getElementById("demo").innerHTML = n; }
2021/04/14 17:59 오션 JavaScript getFullYear() Method * description : JavaScript getFullYear() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 예제 시스템의 현재 연도(year)를 반환합니다: function myFunction() { var d = new Date(); var n = d.getFullYear(); document.getElementById("demo").innerHTML = n; }
2021/04/14 18:20 오션 JavaScript getHours() Method * description : JavaScript getHours() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 예제 현지 시간(local time)에 따라 시간(hour)을 반환합니다. function myFunction() { var d = new Date(); var n = d.getHours(); document.getElementById("demo").innerHTML = n; }
2021/04/14 18:42 오션 JavaScript getMilliseconds() Method * description : JavaScript getMilliseconds() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 Ref JavaScript getMilliseconds() Method 예제 현지 시각에 따라 밀리 초(milliseconds)를 반환합니다.
2021/04/14 13:26 오션 JavaScript HTML DOM - Changing HTML * description : JavaScript HTML DOM - Changing HTML * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article * JavaScript HTML DOM - Changing HTML Changing the HTML Output Stream JavaScript는 동적
2021/04/20 10:07 오션 Javascript HTML DOM Animation * description : Javascript HTML DOM Animation * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM Animation JavaScript를 사용하여 HTML 애니메이션 제작 방법을 학습합니다.
2021/06/08 12:01 오션 Javascript HTML DOM classList Property * description : Javascript HTML DOM classList Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article Javascript HTML DOM classList Property Example <div> 요소에 “mystyle
2021/06/08 10:52 오션 Javascript HTML DOM contentEditable Property * description : Javascript HTML DOM contentEditable Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article Javascript HTML DOM contentEditable Property Example <p> 요소의 콘텐츠를 편집 가능하도록 설정합니다.
2021/06/03 17:37 오션 Javascript HTML DOM createElement() Method * description : Javascript HTML DOM createElement() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM createElement() Method Example <button> 요소를 생성합니다.
2021/06/03 18:05 오션 Javascript HTML DOM createTextNode() Method * description : Javascript HTML DOM createTextNode() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM createTextNode() Method Example 텍스트 노드를 생성합니다.
2021/04/14 13:24 오션 JavaScript HTML DOM Document * description : JavaScript HTML DOM Document * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article JavaScript HTML DOM Document HTML DOM 문서 오브젝트는 웹 페이지의 다른 다큐먼트 오브젝트(Document Object)의 소유자입니다.
2021/05/25 22:01 오션 Javascript HTML DOM Document querySelector() * description : Javascript HTML DOM Document querySelector() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 =====The source of the article==== HTML DOM Document querySelector() Method Example <script> function myFunction() { document.querySelector(".example").style.backgroundColor = "red"; } </script>
2021/05/26 11:50 오션 Javascript HTML DOM Document querySelectorAll() Method * description : Javascript HTML DOM Document querySelectorAll() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-26 The source of the article HTML DOM Document querySelectorAll() Method
2021/04/14 13:25 오션 JavaScript HTML DOM Elements * description : JavaScript HTML DOM Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-22 Source of the article JavaScript HTML DOM Elements 여기에서는 HTML 페이지에서 HTML 요소를 찾고, 접근하는 방법을 확인합니다.
2021/06/03 16:22 오션 Javascript HTML DOM Elements (Nodes) * description : Javascript HTML DOM Elements (Nodes) * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM Elements (Nodes) Nodes(HTML 요소) 추가하고 제거하기
2021/04/20 16:05 오션 Javascript HTML DOM EventListener * description : Javascript HTML DOM EventListener * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM EventListener The addEventListener() method 예제
2021/04/20 10:33 오션 Javascript HTML DOM Events * description : Javascript HTML DOM Events * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM Events HTML DOM을 사용하면 JavaScript가 HTML 이벤트에 반응할 수 있습니다:
2021/06/08 08:55 오션 Javascript HTML DOM getAttribute() Method * description : Javascript HTML DOM textContent Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 The source of the article Javascript HTML DOM getAttribute() Method Example <h1> 요소의 클래스 속성 값을 가져옵니다.
2021/06/04 09:27 오션 Javascript HTML DOM innerHTML Property * description : Javascript HTML DOM innerHTML Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-04 The source of the article Javascript HTML DOM innerHTML Property Example id="demo를 가진 <p>
2021/06/07 10:14 오션 Javascript HTML DOM innerText Property * description : Javascript HTML DOM innerText Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-07 The source of the article Javascript HTML DOM innerText Property Example 요소의 내부 텍스트(inner text)를 가져옵니다.
2021/06/03 19:02 오션 Javascript HTML DOM insertBefore() Method * description : Javascript HTML DOM insertBefore() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 The source of the article Javascript HTML DOM insertBefore() Method Example <ul> 요소의 첫 번째 자식 요소 앞에 새로운 <li> 요소를 삽입합니다.
2021/07/01 18:10 오션 Javascript HTML DOM onclick Event * description : Javascript HTML DOM onclick Event * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-01 The source of the article Javascript HTML DOM onclick Event <body> <h1>The onclick Event</h1> <p>The onclick event is used to trigger a function when an elementis clicked on.</p> <p>Click the button to trigger a functionthat will output "Hello World" in a p element with id="demo". </p> <button onclick="…
2021/06/07 11:18 오션 Javascript HTML DOM textContent Property * description : Javascript HTML DOM textContent Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-07 The source of the article Javascript HTML DOM textContent Property Example 요소의 내부 텍스트(inner text)를 가져옵니다.
2021/04/20 09:31 오션 Javascript HTML DOM, Changing CSS * description : Javascript HTML DOM, Changing CSS * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article * Javascript HTML DOM, Changing CSS HTML DOM을 사용하면 JavaScript가
2022/04/06 11:56 오션 JavaScript JSON Data Types * description : JSON Data Types * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON Data Types Valid Data Types JSON에서 value는 아래의 데이터 타입 중 하나이어야 합니다.
2021/06/02 20:29 오션 JavaScript Json Intro * description : JavaScript JSON - Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-09 Fri The source of this article JSON - Introduction JSON은 JavaScript Object Notation(자바스크립트 객체 표기법)을 의미합니다. JSON은 데이터를 저장, 전송하기 위한 텍스트 형식입니다. JSON은 자체 서술적(self-describing)이며, 이해하기 쉽습니다.
2022/04/06 11:13 오션 JavaScript Json Syntax * description : JavaScript JSON - Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON Syntax JSON 구문은 JavaScript 구문의 하위 집합입니다.
2022/04/06 11:37 오션 JavaScript JSON vs XML * description : JSON vs XML * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON vs XML JSON과 XML 모두 웹 서버에서 데이터를 수신하는 데 사용할 수 있습니다.
2021/04/13 15:00 오션 JavaScript Let * description : JavaScript Let * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-13 ECMAScript 2015 ES2015는 let과 const라는 두 가지 중요한 새 JavaScript 키워드를 도입했습니다.
2021/04/26 20:26 오션 JavaScript Loop For In * description : JavaScript Loop For IN * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 the source of this article JavaScript Loop For In JavaScript for/in 스테이트먼트는 오브젝트의 속성을 반복합니다.
2021/05/28 09:19 오션 JavaScript Loop For Of * description : JavaScript Loop For Of * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-28 the source of this article JavaScript Loop For Of The For/Of Loop JavaScript for/of 문은 반복 가능한 객체의 값을 반복합니다.
2021/04/29 09:54 오션 Javascript Math - random() Method * description : Javascript Math - random() * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-29 Ref Javascript Math - random() function myFunction() { document.getElementById("demo").innerHTML = Math.random(); // 0.37951821192654944 }
2021/05/20 14:32 오션 Javascript Number - toPrecision() Method * description : Javascript Number - toPrecision() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-20 The Source of This Article Javascript Number - toPrecision() Method Example 숫자를 지정된 길이로 형식화 합니다:
2021/05/20 10:25 오션 JavaScript Objects * description : JavaScript Objects * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-20 The Source of this article JavaScript Objects Real Life Objects, Properties, and Methods 실생활에서 자동차는 객체(Object)입니다.
2021/04/29 12:59 오션 Javascript Objects * description : Javascript Object Properties * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-29 The source of this article Javascript Object Properties 속성(properties)은 JavaScript 오브젝트에서 가장 중요한 부분입니다.
2021/04/29 14:56 오션 Javascript Objects * description : Javascript Object Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-29 The source of this article Javascript Object Methods Example // Create an object let person = { firstName: "Elizabeth", lastName: "Ollsen", id: 5566, fullName: function () { return this.firstName + " " + this.lastName; } }; // Display data from the object: document.getElementById("demo").innerHTML = person.fullName(); // Eli…
2021/04/30 09:32 오션 Javascript Objects * description : Javascript Object Display * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-30 The source of this article Javascript Object Display How to Display JavaScript Objects? JavaScript 오브젝트를 표시하면
2021/04/29 11:21 오션 Javascript Objects * description : Javascript Object Definitions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-29 The source of this article Javascript Object Definitions JavaScript에서, 오브젝트(objects, 객체)는 King입니다. 오브젝트를 이해하면,
2021/05/03 11:10 오션 Javascript Objects * description : Javascript Object Constructors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-03 The source of this article Javascript Object Constructors // Constructor function for Person Objects function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye; } // Create a Person object let myFather = new Person("Anthony", "Young", 50, "green"); // Display age …
2021/05/03 09:30 오션 Javascript Objects * description : Javascript Object Accessors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-03 The source of this article Javascript Object Accessors JavaScript Accessors (Getters and Setters) ECMAScript 5 (2009)는
2021/04/20 19:09 오션 JavaScript Operators * description : JavaScript Operators * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-20 Source of the article JavaScript Operators Example 변수(variables)에 값을 할당하고, 합산합니다. var x = 5; // 값 5를 변수 x에 할당 var y = 2; // 값 2를 변수 y에 할당 var z = x + y; // 값 7을 변수 z에 할당 (5 + 2)
2021/03/31 17:40 오션 JavaScript Output * description : JavaScript HTML DOM - 1. DOM Intro * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-23 Source of the article * JavaScript Output JavaScript Display Possibilities 자바스크립트는 하기와 같은 다양한 방식으로 데이터를 나타낼 수 있습니다.
2023/01/06 10:24 오션 JavaScript RegExp Group [abc] * description : JavaScript RegExp Group [abc] * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-06 Fri 문자열 안에서 문자 “h”에 대한 전역 검색 let text = "Is this all there is?"; let pattern = /[h]/g; let result = text.match(pattern); console.log(result); // (2) ['h', 'h'] console.log(typeof result); // object console.log(Array.isArray(result)); // true
2021/04/22 11:51 오션 Javascript Regular Expressions * description : Javascript Regular Expressions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-22 The source of this article Javascript Regular Expressions 정규식(Regular Expression, 정규 표현식)은 검색 패턴을 형성하는 연속된 문자와 기호입니다.
2021/04/27 14:13 오션 JavaScript Sorting Arrays * description : JavaScript Sorting Arrays * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-27 The source of this article JavaScript Sorting Arrays Sorting an Array sort() 메서드는 배열을 알파벳 순서로 정렬합니다.
2021/04/01 08:12 오션 JavaScript Statements * description : JavaScript Statements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-01 예제 JavaScript Programs 컴퓨터 프로그램은 컴퓨터가 “실행”하는 “명령(instruction)
2021/04/23 13:34 오션 JavaScript String Methods * description : JavaScript String Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-23 The source of this article JavaScript String Methods 문자열 메서드는 문자열 작업에 도움이 됩니다.
2021/04/22 10:09 오션 Javascript String split() Method * description : Javascript String split() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-22 Ref Javascript String split() Method 예제 Split은 문자열(string)을 하위문자열(substring)의 배열로 분리합니다.
2021/04/23 09:45 오션 JavaScript Strings * description : JavaScript Strings * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-23 The source of this article JavaScript Strings JavaScript string은 텍스트를 저장하고 조작하는데 사용됩니다.
2021/04/26 18:25 오션 JavaScript Switch Statement * description : JavaScript Switch Statement * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-26 the source of this article JavaScript Switch Statement switch 스테이트먼트는 다른 조건에 기반하여 다른 작업을 하는 데 사용됩니다.
2021/05/25 19:54 오션 JavaScript Switch Statement * description : JavaScript Switch Statement * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-25 the source of this article JavaScript Scope 스코프(Scope, 범위)는 변수의 접근성 (가시성)을 결정합니다.
2021/04/01 11:42 오션 JavaScript Syntax * description : JavaScript Syntax * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-01 JavaScript 구문Syntax은 JavaScript 프로그램이 구성되는 방식인, 규칙 집합입니다. var x, y, z; // Declare Variables x = 5; y = 6; // Assign Values z = x + y; // Compute Values
2021/04/12 16:40 오션 JavaScript Timing Events * description : JavaScript Timing Events * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Source of the article * JavaScript Timing Events JavaScript는 시간 간격을 두고 실행될 수 있습니다.
2021/04/12 11:52 오션 JavaScript Use Strict * description : JavaScipt Use Strict * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-12 Source of the article * JavaScipt Use Strict "use strict"; JavaScript 코드가 “strict mode”에서 실행되어야 함을 정의합니다.
2021/04/01 13:19 오션 JavaScript Variables * description : JavaScript Variables * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-01 JavaScript Variables JavaScript 변수는 데이터 값을 저장하기 위한 컨테이너입니다.
2021/03/31 17:58 오션 JavaScript Where To * description : JavaScript Where To * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-31 The <script> Tag HTML에서, 자바스크립트 코드는 <script>와 </script> 태그 사이에 삽입됩니다.
2021/05/31 10:51 오션 JavaScript While Loop * description : JavaScript While Loop * author : 오션 * email : shlim@repia.com * lastupdate : 2021-05-31 the source of this article JavaScript While Loop The For/Of Loop Loop는 지정된 조건이 참(true)인 한 코드 블록을 실행할 수 있습니다.
2022/11/09 09:49 오션 JavaScript 마지막 문자 가져오기 * description : JavaScript 마지막 문자 가져오기 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-11-09 Wed JavaScript 마지막 문자 가져오기 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Fine and Delete Last String</title> </head> <body> <h1>JavaScript String Methods</h1> …
2023/01/26 15:18 오션 JavaScript 버블링 * description : JavaScript 버블링 * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-26 Thu JavaScript 버블 <style> body * { margin: 10px; border: 1px solid blue; } </style> <body> <form onclick="alert('form')">FORM <div onclick="alert('div')">DIV <p onclick="alert('p')">P</p> </div> </form> </body>
2023/01/26 14:20 오션 JavaScript 원화 표시 * description : JavaScript 원화 표시 * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-26 Thu JavaScript 원화 표시 const price = "14340"; let USDollar = new Intl.NumberFormat('en-Us', { style: 'currency', currency: 'USD' }); console.log(`The foramtted version of ${price} is ${USDollar.format(price)}`); // The foramtted version of 14340 is $14,340.00 const price1 = "3722407"; let result = new Intl.NumberFormat('ko-KR').format(price1); con…
2022/12/22 18:56 오션 JavaScript 화살표 함수 정리 * description : JavaScript 화살표 함수 정리 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-22 Thu JavaScript 화살표 함수 정리 Syntax param => expression (param) => expression (param1, paramN) => expression param => { statements } (param1, paramN) => { statements }
2021/06/02 13:03 오션 jQuery #id Selector * description : jQuery #id Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery #id Selector Example id “intro”가 있는 요소를 선택합니다. <body> <h1>Welcometo My Homepage</h1> <p id="intro">My name is Donald.</p> <p>I live in Duckburg</p> <script> $(document).ready(function () { $('#intro').css('color', 'blue'); }); /* id "intro"가 있는 My name is Donald의 텍스트 컬러를 변경합니다. */ …
2021/06/02 11:47 오션 jQuery * Selector * description : jQuery * Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery * Selector Example 문서(document) 내부의 모든 요소들을 선택합니다.
2021/04/16 16:52 오션 jQuery - Add Elements * description : jQuery - Add Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery를 사용하면 새로운 요소/콘텐츠를 쉽게 추가할 수 있습니다. Add New HTML Content
2021/04/19 16:32 오션 jQuery - Ajax get() and post() Methods * description : jQuery - Ajax get() and post() Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - Ajax get() and post() Methods jQuery get() 및 post() 메소드는
2021/04/19 16:25 오션 jQuery - Ajax load() Method * description : jQuery - Ajax load() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - Ajax load() Method jQuery load() Method jQuery load() 메서드는 간단하지만 강력한
2021/04/19 15:55 오션 jQuery - Ajax Method * description : jQuery - Ajax Method * author : 오션 * email : shlim@repia.com * lastupdate : 2022-05-18 Wed Source of the article jQuery - Ajax Introduction AJAX는 전체 페이지를 다시 로딩 하지 않고, 서버와 데이터를 교환하고 웹 페이지의 일부를 업데이트하는 기술입니다.
2021/04/19 07:41 오션 jQuery - css() Method * description : jQuery - css() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 jQuery를 사용하면 요소들의 스타일을 쉽게 조작할 수 있습니다. jQuery css() Method
2021/04/19 08:31 오션 jQuery - Dimensions * description : jQuery - Dimensions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Ref jQuery - Dimensions jQuery를 사용하면 요소와 브라우저 창의 크기(dimensions, 치수)에 대해 쉽게 작업할 수 있습니다.
2022/11/23 14:59 오션 jQuery - each() Method * description : jQuery - each() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2022-11-23 Wed Definition and Usage (w3schools) each() 메소드는 각각의 요소에 대해 실행할 함수를 지정합니다.
2021/04/19 18:20 오션 jQuery - Filters * description : jQuery - Filters * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - Filters jQuery를 사용하여 특정 요소를 필터링/검색합니다. Filter Tables
2021/04/16 18:41 오션 jQuery - Get and Set CSS Classes * description : jQuery - Get and Set Classes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery를 사용하면 요소들의 스타일을 쉽게 조작할 수 있습니다.
2021/04/16 13:18 오션 jQuery - Get Content and Atrributes * description : jQuery Effects - Chaining * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery에는 HTML 요소 및 속성을 변경하고 조작하는 강력한 방법이 포함되어 있습니다.
2021/04/16 18:10 오션 jQuery - Remove Elements * description : jQuery - Remove Elements * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery를 사용하면 현재 사용되는 HTML 요소들을 쉽게 제거할 수 있습니다.
2021/04/16 14:05 오션 jQuery - Set Content and Atrributes * description : jQuery HTML - jQuery Set Content and Attributes * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 Set Content - text(), html(), and val() 이전 페이지와 동일한 세 가지 메서드를 사용하여 콘텐츠를 설정합니다.
2021/04/19 18:16 오션 jQuery - The noConflict() Method * description : jQuery - The noConflict() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - The noConflict() Method jQuery를 사용하면서 페이지에서 다른 프레임워크를 사용하려면 어떻게 해야 합니까?
2021/04/19 10:50 오션 jQuery - Traversing * description : jQuery - Traversing * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery - Traversing What is Traversing? “이동(move through)“을 의미하는 jQuery traversing
2022/09/19 11:49 오션 jQuery .data() * description : jQuery .data() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-09-19 Mon jQuery .data() Store arbitrary data associated with the matched elements 일치하는 요소와 연결된 임의의 데이터를 저장하거나,
2022/10/24 13:30 오션 jQuery :even Selector * description : :even Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-24 Mon The source of this article jQuery :even Selector Definition and Usage :even 셀렉터는 짝수 인덱스 번호(예: 0, 2, 4 등)가 있는 각 요소를 선택합니다.
2021/06/02 16:19 오션 jQuery :even Selector * description : jQuery :even Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :even Selector Example 인덱스 넘버가 짝수인 모든 <tr> 요소를 선택합니다.
2021/06/02 15:34 오션 jQuery :first Selector * description : jQuery :first Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :first Selector Example 첫 번째 <p> 요소를 선택합니다. <body> <p>This is the first paragraph.</p> <!-- 이 p 요소만 변경됨. --> <p>This is the second paragraph.</p> <p>This is the third paragraph.</p> <script> $(document).ready(function () { $("p:first").css("background-color", "yellow"); }); </scr…
2021/06/02 17:39 오션 jQuery :first-child Selector * description : jQuery :first-child Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :first-child Selector Example 부모 요소의 첫 번째 자식인 모든
2021/06/02 15:54 오션 jQuery :last Selector * description : jQuery :last Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :last Selector Example 마직막 <p> 요소를 선택합니다. <body> <p>This is the first paragraph.</p> <p>This is the second paragraph.</p> <p>This is the last paragraph.</p> <!-- 텍스트 컬러 변경됨 --> <script> $(document).ready(function () { $("p:last").css("color", "crimson"); }); </script> </body>…
2021/06/02 16:28 오션 jQuery :odd Selector * description : jQuery :odd Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery :odd Selector Example 인덱스 넘버가 홀수인 모든 <tr> 요소를 선택합니다.
2021/06/09 10:15 오션 jQuery addClass() Method * description : jQuery addClass() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-09 The source of this article jQuery addClass() Method Example 첫 번째 <p> 요소에 클래스 이름을 추가합니다.
2022/12/23 13:05 오션 jQuery before after prepend append * description : jQuery before after prepend append * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-23 Fri before, after, prepend, append after() The after() method inserts specified content after the selected elements.
2023/01/27 09:40 오션 jQuery change() Method * description : jQuery change() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2023-01-27 Fri jQuery change() Method Definition and Usage change 이벤트는 어떤 요소의 값이 변경되었을 때 발생합니다.(
2021/06/02 13:43 오션 jQuery class Selector * description : jQuery class Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery class Selector Example “intro” 클래스를 가진 모든 요소를 선택합니다.
2022/10/24 10:55 오션 jQuery contents() Method * description : jQuery contents() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-24 Mon The source of this article jQuery contents() Method Definition and Usage contents() 메서드는 선택한 요소의 텍스트 및 주석 노드를 포함한 모든 직계 자식을 반환합니다.
2021/04/15 19:06 오션 jQuery Effects - Animation * description : jQuery Effects - Animation * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery로 커스텀 애니메이션을 만들 수 있습니다. jQuery Animations - The animate() Method
2021/04/16 10:41 오션 jQuery Effects - Callback Functions * description : jQuery Effects - Callback Functions * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 현재 효과가 100 % 완료된 후, 콜백 함수가 실행됩니다.
2021/04/16 11:18 오션 jQuery Effects - Chaining * description : jQuery Effects - Chaining * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery Chaining jQuery를 사용하면 actions/methods를 연결할 수 있습니다.
2021/04/15 17:04 오션 jQuery Effects - Fade * description : jQuery Effects - Fading * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery Fading Methods jQuery로, 요소를 시야에서 점점 또렷해지거나 점점 흐려지게 할 수 있습니다.
2021/04/15 14:30 오션 jQuery Effects - Hide and Show * description : jQuery Effects - Hide and Show * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery는 HTML 페이지의 이벤트에 응답하도록 맞춤 제작되었습니다.
2021/04/15 17:42 오션 jQuery Effects - Slide * description : jQuery Effects - Sliding * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery 슬라이드 메서드는 요소를 위 아래로 미끄러지듯이 움직이게(slide) 합니다.
2021/04/16 08:38 오션 jQuery Effects - Stop Animation * description : jQuery Effects - Animation * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-16 jQuery stop() 메서드는 애니메이션이나 효과가 끝나기 전에 중지하는 데 사용됩니다.
2021/06/02 14:16 오션 jQuery element Selector * description : jQuery element Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery element Selector Example 모든 p 요소를 선택합니다. <body> <h1>Welcome to My Homepage</h1> <p class="intro">My name is Donald.</p> <!-- 배경색 변경 --> <p>I live in Duckburg</p> <!-- 배경색 변경 --> <p>My best friend is Mickey</p> <!-- 배경색 변경 --> who is your favourite: <ul id="choose"> <li>Goofy</li> <…
2021/04/15 12:07 오션 jQuery Event Methods * description : jQuery Event Methods * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery는 HTML 페이지의 이벤트에 응답하도록 맞춤 제작되었습니다. What are Events?
2022/10/24 12:31 오션 jQuery filter() Method * description : jQuery filter() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-24 Mon The source of this article jQuery filter() Method Definition and Usage filter() 메소드는 특정 기준과 일치하는 요소를 반환합니다.
2021/04/15 10:16 오션 jQuery Get Started * description : jQuery Get Started * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 Adding jQuery to Your Web Pages 웹 사이트에서 jQuery를 사용하는 여러 방법이 있으며, 아래와 같이 할 수 있습니다.
2022/12/23 13:37 오션 jQuery input checkbox checked * description : jQuery input checkbox checked * author : 오션 * email : shlim@repia.com * lastupdate : 2022-12-23 Fri jQuery Input Checkbox checked input type=“checkbox”의 상태(checkec) 표시
2021/04/15 09:44 오션 jQuery Intro * description : jQuery Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery Introduction jQuery의 목적은 웹 사이트에서 JavaScript를 훨씬 더 쉽게 사용할 수 있도록 하는 것입니다.
2021/06/02 13:56 오션 jQuery multiple classes Selector * description : jQuery multiple classes Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery multiple classes Selector Example 클래스 intro, demo 또는 end를 가지는 모든 요소를 선택합니다.
2021/06/02 15:00 오션 jQuery multiple element Selector * description : jQuery multiple element Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery multiple element Selector Example 모든 <h2>, <div>, <span> 요소들을 선택합니다.
2021/04/15 11:00 오션 jQuery Selectors * description : jQuery Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery 셀렉터(selectors)는 jQuery 라이브러이의 가장 중요한 부분들 중 하나입니다.
2021/04/15 10:42 오션 jQuery Syntax * description : jQuery Syntax * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-15 jQuery를 사용하여, HTML 요소를 선택(query)하고 “작업(actions)“을 수행합니다. jQuery Syntax
2021/06/02 19:03 오션 jQuery text() Method * description : jQuery text() Method * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-02 The source of this article jQuery text() Method Example 모든 <p> 요소들의 텍스트 내용을 설정합니다.
2021/04/19 12:59 오션 jQuery Traversing - Ancestors * description : jQuery Traversing - Ancestors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Ancestors jQuery를 사용하면 DOM 트리를 횡단하여 요소의 조상(ancestors)을 찾을 수 있습니다.
2021/04/19 13:16 오션 jQuery Traversing - Descendants * description : jQuery - Traversing Descendants * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Descendants jQuery를 사용하면 DOM 트리 아래로 횡단하여 요소의 자손 요소들을 찾을 수 있습니다.
2021/04/19 15:27 오션 jQuery Traversing - Filtering * description : jQuery Traversing - Filtering * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Filtering The first(), last(), eq(), filter() and not() Methods
2021/04/19 14:10 오션 jQuery Traversing - siblings * description : jQuery Traversing - Siblings * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-19 Source of the article jQuery Traversing - Siblings DOM 트리에서 옆으로 횡단하는 데 유용한
2022/07/05 15:02 오션 jQuery UI Sortable Widget * description : jQuery UI Sortable Widget * author : 오션 * email : shlim@repia.com * lastupdate : 2022-07-05 Tue jQuery UI's sortable Interactioin <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <…
2021/06/03 10:27 오션 JS Reference HTML DOM Aside Object * description : HTML DOM Aside Object * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-03 the Source of the article HTML DOM Aside Object Aside Object Aside 객체는 HTML <aside> 요소를 나타냅니다.
2022/04/06 12:51 오션 JSON.parse() * description : JSON.parse() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON.parse() Valid Data Types JSON의 일반적인 용도는 웹 서버와 데이터를 교환하는 것입니다.
2022/04/06 15:31 오션 JSON.stringify() * description : JSON.stringify() * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed The source of this article JSON.stringify() JSON의 일반적인 용도는 웹 서버와 데이터를 교환하는 것입니다.
2022/03/11 09:54 오션 Lamda and Double Colon Operator * description : Lamda and Double Colon Operator * author : 오션 * email : shlim@repia.com * lastupdate : 2022-03-11 Lamda and Double Colon Operator interface Calculator { // 두 개의 정수를 입력받고, 결과값을 리턴하는 sum 함수를 정의한 Calculator 인터페이스 int sum(int a, int b); } class MyCalculator implements Calculator // 자식 클래스 MyCalculator는 인터페이스인 부모 클래스 Calculator를 구현한다. public int sum(int a, int b) { return a + b; } } public class Sample { publ…
2022/11/17 09:35 오션 Lenovo ThinkPad T15 Gen2 * description : Lenovo ThinkPad T15 Gen2 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-11-17 Thu 스펙 용어 1. 노트북의 힌지 부분의 우측 부분에, 핸드폰의 마이크로 유심 삽입구(유심 트레이)와 유사한 것이 있음.
2020/06/24 10:58 오션 LOD * description : LOD * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-24 약어(두문자어) 설명 LOD : Linked Open Data (링크드 오픈 데이터) 의미 * Linked Data 와 Open Data의 합성어이다.
2021/01/04 13:04 오션 Markdown * description : Markdown * author : 오션 * email : shlim@repia.com * lastupdate : 2021-01-04 설명 * 2004년 John Gruber와 Aaron Swartz가 plain-text formatting syntax를 기반으로 개발한 경량형 마크업 언어 ( lightweight markup language )
2020/07/13 20:26 주레피 mathematics 대수학 미분 (differential, 디퍼렌셜, derivative, 더리버티브) 기호 ∇ 나블라, 델타 : 미분연산자기호 ∂ 라운드 d, 파샬(part) : 편미분기호 HTML로 표현할 수 있는 수학단위와 그리스문자 및 심볼들 기호 읽기 미분 적분 제대로 알자 ReLU [Rectified Linear Unit, 렉티파이드 리니어 유닛, 정류 선형 유닛]
2022/04/18 21:06 오션 md5 * description : md5 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-18 Mon md5 블록 길이 (block length): 하나의 블록에 포함된 기록, 단어 또는 문자의 총수, 블록 길이가 길면 데이터 전송 효율은 좋으나 입출력(송수신) 버퍼의 길이, 블록 오류율, 블록 검사 방식을 별도로 고려해야 한다.
2022/11/30 14:16 오션 MySQL INSERT_SELECT_Statement * description : MySQL INSERT_SELECT_Statement * author : 오션 * email : shlim@repia.com * lastupdate : 2022-11-30 Wed MySQL 5.6 Reference Manual INSERT Statement INSERT ...SELECT Statement
2020/11/06 15:23 오션 Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 NCS * description : NCS 관련 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-11-06 NCS * [ National Competency Standards, 내셔널 컴피턴시 스탠다즈, 국가직무능력표준 ]
2020/07/22 21:46 오션 Network DMZ 영역 [하루 3분 IT] DMZ (Demilitarized Zone) Terms SSL(Secure Sockets Layer, 시큐어 소켓 레이어) * 구 Netscape Communication사가 개발한 암호화 프로토콜로 인터넷에서 중요한 정보를 안전하게 주고 받기 위해 사용한다. * 네트워크 상에서 서로의 인증과 데이터를 암호화함으로써 안전한 통신을 실현하며, SSL 지원 서버 간 안전한 통신을 할 수 있다.
2020/06/24 12:18 오션 OWL * description : OWL * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-24 약어(두문자어) 설명 OWL : Web Ontology Language (웹 온톨로지 랭귀지) 의미 1. 사물, 사물의 그룹, 사물간의 관계에 대한 풍부하고 복잡한 지식을 표현하기 위해 W3C가 고안한 '시맨틱 웹 언어'입니다.
2021/02/02 08:54 오션 PWA * description : PWA * author : 오션 * email : shlim@repia.com * lastupdate : 2021-02-01 Ref * 출처 : “Do it! 프로그레시브 웹앱 만들기”, 저자 : 김응석, 2020년 8월, 이지스퍼블리싱 Promise [프로미스]
2020/08/14 11:38 주레피 Pytorch * PyTorch로 시작하는 딥 러닝 입문 * 딥 러닝을 이용한 자연어 처리 입문 * 딥 러닝 자연어 처리 학습을 위한 파워포인트 * Dive into Deep Learning * Neural Networks for NLP * 한국어 NLP 논문 모음 * 파이토치 튜토리얼 오션 pytorch 파이토치
2020/06/24 11:45 오션 RDF * description : RDF * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-24 약어(두문자어) 설명 RDF : Resource Description Framework (리소스 디스크립션 프레임워크) 의미 1. 웹 자원에 대한 메타 정보를 표현하는 W3C의 시맨틱 웹 언어입니다.
2020/08/14 11:43 주레피 React * description : React 관련 내용 기술 * author : eleven * email : jskim@repia.com * lastupdate : 2020-08-18 Intro React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다.
2020/06/29 20:50 오션 RNN * description : RNN * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-29 용어 RNN : Recurrent Neural Network (리커런트 뉴럴 네트워크, 순환 신경망) 의미 1. 어떤 특정 부분이 반복되는 구조를 통해 순서를 학습하기에 효과적인 딥 러닝 기법이다.
2021/04/08 22:43 오션 Sass @extend and Inheritance * description : Sass @extend and Inheritance * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass @extend and Inheritance Sass @extend Directive @extend 지시문을 사용하면 한 셀렉터에서 다른 셀렉터로
2021/04/08 20:21 오션 Sass @import * description : Sass @import and Partials * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass @import and Partials Sass Nested Rules Sass는 CSS 코드를 DRY(Don't Repeat Yourself, 중복배제) 상태로 유지합니다.
2021/04/08 21:36 오션 Sass @mixin and @include * description : Sass @mixin and @include * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-22 Ref Sass @mixin and @include Sass Mixins @mixin 지시문을 사용하면 웹 사이트 전체에서 재사용할
2021/07/20 16:15 오션 Sass settings in VS Code * description : Sass @extend and Inheritance * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-20 1. VS Code에서 extensions > Live Sass Complier를 설치합니다. 설치를 하면 VS Code 하단의 패널에
2021/04/08 15:10 오션 Sass Tutorial * description : Sass Variables * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass Variables Sass Variables 변수는 나중에 재사용할 수 있는 정보를 저장하는 방법입니다.
2021/04/08 17:59 오션 Sass Tutorial * description : Sass Nested Rules and Properties * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass Nested Rules and Properties Sass Nested Rules Sass를 사용하면 HTML과 동일한 방식으로 CSS 셀렉터를 중첩할 수 있습니다.
2021/04/08 14:20 오션 Sass Tutorial * description : Sass Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass Introduction What is Sass? * Sass는 Syntactically Awesome Stylesheet의 약자입니다. * Sass는 CSS의 확장입니다.
2021/04/08 14:33 오션 Sass Tutorial * description : Sass Installation * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-08 Ref Sass Installation System Requirements for Sass * 운영 체제(Operating System) - Sass는 플랫폼 독립적입니다.
2020/02/07 19:57 오션 Silver Bullet (실버 불릿) * description : 실버 불릿의 의미와 사용 예제 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-02-07 의미 1. 은총알을 사용해야 한다는 늑대인간 이야기에서 유래된 표현으로, '묘책, 특효약'의 의미를 나타내고 있습니다.
2022/10/28 09:42 오션 Spring @ModelAttribute * description : Spring @ModelAttribute * author : 오션 * email : shlim@repia.com * lastupdate : 2022-10-28 Fri Spring @ModelAttribute @ModelAttribute 어노테이션 : 스프링의 Model 객체로 모델 특성을 추가하고 가져오는데 사용.
2020/02/18 15:54 오션 * description : Synchronization state * author : 오션 * email : shlim@repia.com * lastupdate : 2020-02-18 Tue SVN Workspace Synchronization Synchronization state Ref * SVN Workspace Synchronization * CVS Workspace Synchronization 오션 synchronization_state
2020/07/08 16:14 오션 Tensor * description : Tensor * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-08 의미 1. Tensor [텐서] : 물리현상을 기술하기 위해 동시에 두 개 이상의 독립적인 방향을 표현할 때 사용한다.
2020/06/24 23:01 오션 TF-IDF * description : TF-IDF * author : 오션 * email : shlim@repia.com * lastupdate : 2020-11-09 의미 여러 문서로 이루어진 무서군에서 어떤 단어가 특정 문서에서 얼마나 중요한지를 나타내는 통계적 수치
2021/04/07 16:27 오션 The JavaScript this Keyword * description : The JavaScript this Keyword * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-07 Ref The JavaScript this Keyword 예제 <!DOCTYPE html> <html> <body> <h2>The JavaScript <i>this</i> Keyword</h2> <p>In this example, <b>this</b> represents the <b>person</b> object.</p> <p>Because the person object "owns" the fullName method.</p> <p id="demo"></p> <script> // Create an object: var p…
2020/07/10 13:54 도봉산핵주먹 Thymeleaf * description : Thymeleaf * author : 도봉산핵주먹 * email : hylee@repia.com * lastupdate : 2020-07-10 Intro Thymeleaf란? * Thymeleaf는 스프링 부트가 자동 설정을 지원하는 웹 템플릿 엔진입니다.
2022/09/27 10:49 오션 TRUNCATE (트렁케잇ㅌ) * description : TRUNCATE (AUTO_INCREMENT) * author : 오션 * email : shlim@repia.com * lastupdate : 2022-09-27 Tue TRUNCATE (트렁케잇ㅌ) 사전 정의 truncate : (아래나 위를 잘라서)길이를 줄이다[짧게 하다]
2022/04/14 15:22 오션 URLEncoder And URLDecoder * description : URLEncoder And URLDecoder * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-14 Thu Percent-encoding 퍼센트 인코딩은 URL 컨텍스트에서 특정 의미를 가지는 8bit 문다를 인코딩하는 메커니즘입니다.
2020/03/12 16:54 주레피 Visual Studio Code * description : * author : 주레피 * email : dhan@repia.com * lastupdate : 2020-03-12 단축키 자동 줄 바꿈 Alt + z (Toggle) 메뉴바 표시 Alt setting창 열기 mac: cmd + , windows: ctrl + , 이모지
2021/07/15 14:53 오션 VS Code 사용자 snippets 만들기 - html * description : VS Code 사용자 snippets 만들기 - html * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-15 Thu Snippet 코드 자동 완성 기능 HTML VS Code에서 확장자
2021/01/25 11:39 오션 Webpack * description : Webpack 관련 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-01-25 Webpack 웹팩 웹팩 * 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)
2020/03/25 10:55 오션 window.open 사용법 * description : Internet Explorer 브라우저의 생성된 팝업창에서 세로 스크롤바가 생기지 않을때 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-19 문법(Syntax)
2020/06/24 17:47 오션 WORD2VEC * description : WORD2VEC * author : 오션 * email : shlim@repia.com * lastupdate : 2020-11-09 WORD2VEC * Word to Vector [워드 투 벡터] 개념 * “자연어 처리(NLP)” 방식 중 하나로 수식을 통해 단어를 다차원 공간에 매칭하고, 벡터(숫자)로 표현해주는 머신러닝 알고리즘
2020/08/11 11:35 오션 ㄱ [기역] 구애 * [拘 잡을 구 / 礙 거리낄 애] * 거리끼거나 얽매임 * 남 보기엔 시간의 구애를 덜 받는 직업처럼 보이지만 그렇지도 않답니다. * [求 구할 구 / 愛 사랑 애] * 이성에게 사랑을 구함
2021/06/15 10:35 오션 국문법 관련 용어 정리 * description : 국문법 관련 용어 정리 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-15 용어 정리 1. 단어 (單 홑 단, 語 말씀 어 ≒ 낱말, 어사) 분리하여 자립적으로 쓸 수 있는 말이나 이에 준하는 말, 또는 그 말의 뒤에 붙어서 문법적 기능을 나타내는 말.
2020/06/26 09:58 오션 깨진 유리창 이론 * description : 깨진 유리창 이론 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-25 용어 깨진 유리창 이론 : Broken Windows Theory (브로큰 윈도우 띠어리) 의미
2020/06/24 23:27 오션 깨진 유리창 이론 * description : 깨진 유리창 이론 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-25 용어 깨진 유리창 이론 : Broken Windows Theory (브로큰 윈도우 띠어리) 의미
2020/06/10 19:52 오션 * description : 네트워크 이더넷 설정 과정 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-10 오션 네트워크 이더넷 설정
2020/07/06 23:35 오션 뇌파 * description : 뇌파 [Brainwave] * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-06 용어 뇌파 [ Brainwave, 브레인웨이브 ] 의미 1. 뇌의 신경활동에 의해 발생하는 전기적 신호(전류)를 대뇌피질 또는 두피에서 기록한 것.
2020/07/22 19:19 오션 * description : 국어 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-22 단어 ㄱ 8-o 공백 [whitespace, 화이트 스페이스] : 프로그래밍에서 스페이스, 탭, 줄바꿈 기호처럼 화면에 표시되지 않는 문자를 가리킨다.
2021/01/06 09:40 오션 드림코딩 by 엘리 * description : 드림코딩 by 엘리 * author : 오션 * email : shlim@repia.com * lastupdate : 2021-01-06 개요 드림코딩 2021 웹개발 트렌드 (2021.01.05) Web FrameWorks * React.js * Angular *
2020/06/24 19:02 오션 디지털 컨버전스 * description : 디지털 컨버전스 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-24 용어 디지털 컨버전스 : Digital Convergence 디지털 융합 의미 1. 디지털 기술 기반의 여러 제품이나 서비스를 융합하여 새로운 제품이나 서비스를 만들어내는 것.
2020/06/11 08:58 오션 * description : 링크 모음 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-11 링크 모음 Visual Studio 2019 다운로드 및 설치 방법 - 비주얼 스튜디오 MySQL 다운로드 및 설치 방법(Workbench) 이클립스 UTㄹ-8로 인코딩 변경하기 Apache Tomcat Setup에러 CMD 관리자 모드로 실행하기 Apache Tomcat 완전 삭제방법 이클립스 Workspace 오류 - The default workspace is in use or cannot be created Windows10에 Tomcat 설치하기 이클립스에서 자바스크립트 및 jQuery 자동완성 사용하기(Tern Eclipse IDE) 깨진 유리창 이론 차세대 지능형 시맨틱 웹 & 온톨로지 Forecasting:Princip…
2022/05/11 16:02 오션 베이스64 ( Base64 ) * description : 베이스64 ( Base64 ) * author : 오션 * email : shlim@repia.com * lastupdate : 2022-05-11 Wed 베이스64 ( Base64 ) 1. 적용위치 Apps.repia.com > R-Utils > Crypto - select box - Base64 선택
2020/03/13 17:12 오션 * description : Eclipse에서 브래드크럼(breadcrumb) 사용하기 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-03-13 브래드크럼(breadcrumb) 네이버 영한 사전 : 빵 부스러기, 빵가루. 위키백과 : 사이트 이동 경로 (Breadcrumb)
2020/09/10 13:02 오션 세션과 쿠키 * description : CAPTCHA * author : 오션 * email : shlim@repia.com * lastupdate : 2020-09-10 Session과 Cookie 웹은 대다수가 HTTP 기반으로 동작합니다. HTTP가 구현된 방식에서 웹 서버와 클라이언트는 지속적으로 연결을 유지한 상태가 아니라, 요청(request)
2020/06/03 09:51 오션 Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 슬기로운 회사생활 * description : 회사와 관련된 다양한 정보 공유 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-06-03 Hardware AS
2020/08/03 23:12 오션 영어 단어장 A a bunch of : 다수의, 일련의 a collection of : ~의 모음 a range of : 다양한 abbreviate [어브리비에잇ㅌ] : ~을 줄여쓰다, 축약하다 abbreviated [어브리비에잇티드] : 단축된, 생략된 abide by [어바이드 바이] : ~을 준수하다[지키다, 따르다]
2020/01/31 12:16 임승현 오션 * 서명 * description : Computer Language & English & Movies & Books * author : 오션 * email : shlim@repia.com * lastupdate : 2020-08-04 IT 용어 IT 용어 영어 단어장 영어 단어장 약어 단어장 약어 단어장 국어 단어장 국어 단어장 Read again and again
2021/01/05 15:15 오션 오션 * 서명 * description : sentences * author : 오션 * email : shlim@repia.com * lastupdate : 2021-01-05 Sentences * “변수를 생성할 수 있는 키워드로 var 키워드도 있습니다. 과거의 자바스크립트에서 사용하던 키워드입니다. var 키워드는 변수를 중복해서 선언할 수 있다는 위험성, 변수가 속하는 범위가 애매하다는 이유로 let 키워드가 등장하면서 대체되었습니다.
2020/09/23 13:16 오션 오션 * 서명 * description : Computer Language & English & Movies & Books * author : 오션 * email : shlim@repia.com * lastupdate : 2020-09-23 grave accent * 그레이브 엑센트, 역음 부호, 프랑스어 '악쌍 그하브'. 발음 구별 기호의 하나로, 프랑스어, 포르투갈어 등에서 사용한다.
2022/08/25 10:38 오션 오토 인크리먼트 (AUTO_INCREMENT) * description : 오토 인크리먼트 (AUTO_INCREMENT) * author : 오션 * email : shlim@repia.com * lastupdate : 2022-08-25 Thu 오토 인크리먼트 (AUTO_INCREMENT) AUTO_INCREMENT 속성은 Database의 새로운 데이터 입력 가로행에 유일한 ID를 생성하기 위해 사용될 수 있습니다.
2020/11/25 11:34 오션 워크넷 LOD * description : CAPTCHA * author : 오션 * email : shlim@repia.com * lastupdate : 2020-11-25 워크넷 LOD 워크넷은 고용노동부와 한국고용정보원이 운영하는 구직구인정보와 직업진로정보를 제공하는 신뢰할 수 있는 대한민국 취업정보 사이트입니다. 워크넷 데이터, Q-Net 등의 데이터를 수집해서 구축된 워크넷 LOD는 구직구인정보 활동 시 참고할 수 있는 직무, 자격증 훈련, 직업, 학과와 관련된 데이터들을 “개방형 연결 데이터 ( Linked Open Data )”로 인터넷에 제공합니다.…
2022/09/01 10:51 오션 전자정부표준프레임워크 페이징 처리 * description : 전자정부표준프레임워크 페이징 처리 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-09-01 전자정부표준프레임워크 페이징 처리
2020/12/28 21:47 오션 주석 ( Comment ) * description : CAPTCHA * author : 오션 * email : shlim@repia.com * lastupdate : 2020-12-28 주석 ( Comment ) XML 주석 <!-- 주석 내용을 입력합니다. --> Ref XML 주석 오션 주석 comment
2022/06/30 20:03 오션 크론정리 * description : 크론정리 * author : 오션 * email : shlim@repia.com * lastupdate : 2022-06-30 Thu 크론정리 getNextValidTimeAfter() Quartz 사용 시 cron에 정의한 시간에 정상 동작하는지를 확인해야 하는 경우, Quartz에서 제공하는 CronExpression클래스를 이용.
2023/03/14 10:46 오션 크론정리II * description : 크론정리 * author : 오션 * email : shlim@repia.com * lastupdate : 2023-03-14 Tue 크론정리II 0 59 23 8 * ? cRonstrue에서 상기 크론식 입력 후 결과는 ⇒ “At 11:59 PM, on day 8 of the month
2021/03/04 21:33 오션 한글 기본 환경 설정 * description : CSS Colors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-04 한글 문서 기본 환경 설정 변경 한 화면에서 탭 형식으로 여러 개 문서 열기
2021/03/04 19:59 오션 Members: 하운 | gary | 주레피 | 연목구어 | 김토피아 | 희닝 | 오션 | 천호동밤안개 | 밤즌 | slaptear | heon Links: 주간회의 | 강의 | REPIA | Rgitlab | 2020 유지보수 리스트 한글(HWP) * description : 한글(HWP)관련 자료 기술 * author : 오션 * email : dhan@repia.com * lastupdate : 2022-10-09 Intro Case Study Term Tip * 한글 기본 환경설정 변경하여 한글 문서 편하게 작업하기 *
2022/08/18 14:37 오션 해시맵(HashMap) * description : HashMap * author : 오션 * email : shlim@repia.com * lastupdate : 2022-08-18 Thu HashMap Array: 생성 시 크기가 고정, 사용 중 크기 변경 불가 ArrayList : List 인터페이스의 구현 클래스, ArrayList에 객체를 추가하면, 객체를 인덱스로 관리 저장 용량을 초과한 객체들이 들어오면 자동적으로 저장용량이 늘어남 저장할 객체 타입을 타입 파라미터로 표기, 기본 생성자를 호출 인덱스 번호(int type)로 아이템에 접근…
2020/07/14 20:22 오션 핸즈 온 머신러닝 * description : 핸즈 온 머신러닝 * author : 오션 * email : shlim@repia.com * lastupdate : 2020-07-20 출처 “핸즈 온 머신러닝 사이킷런, 케라스, 텐서플로 2를 활용한 머신러닝, 딥러닝 완벽 실무