단순함의 즐거움

분류 전체보기

• [JavaScript] 자바스크립트 기본 문법 : 연산자

  개발 프로세스/Front-end 2021. 6. 7. 16:04

  1. 기본 연산자 종류 연산자 설명 비고 사직 연산 + - * / % 더하기, 뺴기, 곱하기, 나누기, 나머지 내부적으로 실수 값으로 변환 후 처리 대입 연산자 += -= *= /= %= 왼쪽 변수에 오른쪽 값을 계산하여 왼쪽 변수에 대입 증감 연산자 ++ -- 기존 변수 값을 1 증가 기존 변수 값을 1 감소 논리 연산자 > >=

  Read More
• [JavaScript] 자바스크립트 기본 문법 : 코드 위치, 출력, 변수

  개발 프로세스/Front-end 2021. 6. 6. 21:27

  1. 자바스크립트 코드는 HTML 파일 내에 포함되어 있어야 한다. 웹 문서(html) 내장 방식 외부 파일 참조 방식 2. 출력 document.write("Hello, world") var title1 = "컴퓨터와 IT기술의 이해" var title2 = "소셜미디어의 이해와 활용" var title3 = "멀티미디어 배움터 2.0" document.write("1" + title1 + "") document.write("2" + title2 + "") document.write("3" + title3 + "") 3. 기본 변수 타입 Number : 모든 숫자를 실수로 저장함 String Boolean undefined Null 4. 변수 선언 var 변수명 = 변수값; var a = 0; var ..

  Read More
• [Java] 문자열 메소드

  개발 프로세스/Back-end 2021. 6. 4. 15:57

  str1.length() : str1의 문자열 길이를 구함. len = str.length(); str1.charAt(0) : 0번째 문자열 위치에 있는 문자 하나 반환 for (int i = 0l i < str.length(); i++) { if (str.charAt(i) == "o") { System.out.printf("%c", "$"); } else { System.out.printf("%c", str.charAt(i)); } } str1.startsWith("J") : "J"로 시작하는지 확인. True / False str1.endsWith(".") : "."으로 끝나는지 확인. True / False if (!str.startsWith("(")) {// 문자열에 괄호를 쳐 줌 System.o..

  Read More
• [Google Cloud] Google Vision API 사용기

  보호글 2021. 5. 6. 16:49

  보호되어 있는 글입니다.

  Read More
• [CSS] 고급활용

  개발 프로세스/Front-end 2021. 4. 20. 20:01

  1. 박스모델 content 콘텐츠 padding 내부 여백 border 테두리/경계선 margin 외부 공백 콘텐츠 패딩 테두리 여백 크기 관련 프로퍼티 width height padding-top padding-right padding-bottom padding-left border-top-width border-right-width border-bottom-width border-left-width margin-top margin-right margin-bottom margin-left 크기 관련 단축 프로퍼티 padding border-width margin 스타일 관련 프로퍼티 border-top-style border-right-style border-bottom-style border-lef..

  Read More
• [CSS] 스타일 기초

  개발 프로세스/Front-end 2021. 4. 19. 16:04

  1. 스타일시트 삽입 방법 내부 스타일시트 삽입 외부 스타일시트 불러오기 인라인 스타일시트 삽입 2. 셀렉터 선택 방법 태그 셀렉터 p { font-size:10pt; color:red} id 셀렉터 #red { font-size:10pt; color:red} class 셀렉터 .red { font-size:10pt; color:red} 가상 클래스 셀렉터 a:link { color: blue } a:visited { color: green } h3:hover { font-size: 16pt} input 태그 셀렉터 input[type=password] { background: yellow } 3. 폰트, 문자 관련 CSS 폰트 p { font-family: "Times New Roman" "바탕" "s..

  Read More
• [HTML] 하이퍼링크와 멀티미디어

  개발 프로세스/Front-end 2021. 4. 15. 15:50

  1. 하이퍼 링크 텍스트 혹은 이미지 target 속성의 값은 다음 5가지 종류로 지정할 수 있다. _blank : 새로운 브라우저 윈도우(탭)에 열기 _self : 현재 윈도우(탭)에서 열기 _parent : 부모 윈도우(탭) _top : 최상위 브라우저 윈도우 윈도우 이름 : 해당 이름의 윈도우 download : 링크가 클릭되면 href에 지정된 파일이 다운로드 됨. 1-1. 텍스트에 링크 만들기 학생 등록 페이지로 이동합니다. student/register.html : 상대주소 target="_blank" : 새 윈도우(탭)에 출력 1-2.이미지에 링크 만들기 http:// 절대주소 1-3. 같은 웹페이지 내에서 연결하기 (책갈피) 서론으로 가기 ... 1장 서론 3. 비디오 삽입 이 태그를 지원..

  Read More
• [HTML] 시맨틱 웹 Semantic Web : 문서구조화

  개발 프로세스/Front-end 2021. 4. 14. 17:55

  페이지나 섹션의 머리말. 페이지 제목, 페이지를 소개하는 간단한 설명이 들어간다. navigation. 하이퍼링크들을 모아 놓은 섹션. 페이지 내 목차를 만들기 위해 주로 사용한다. 문서의 장(chapter, section) 혹은 절을 구성하는 역할. 본문과 연관되어 있지만, 독립적인 콘텐츠를 담는 영역 본문 흐름에서 약간 벗어난 노트나 팁, 관련 기사. 주로 페이지의 오른쪽이나 왼쪽에 배치된다. 페이지나 섹션 내에 꼬리말. 주로 저자나 저적권 정보 등을 표시한다.

  Read More
이전
1 ··· 13 14 15 16 17 18 19 20
다음