H_Develop

고정 헤더 영역

글 제목

메뉴 레이어

H_Develop

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (221)
    • DataBase (37)
      • CUBRID (1)
      • MSSQL (5)
      • Oracle (26)
      • Linux, MySQL (2)
      • JDBC (2)
    • FrontEnd (100)
      • react (2)
      • JSP (JavaServerPage) (17)
      • Servlet (3)
      • HTML (23)
      • HTML 반응형 웹 (9)
      • JavaScript (24)
      • JQuery (21)
      • CSS (1)
    • BackEnd (48)
      • project (1)
      • JAVA (34)
      • JAVA_Collection (2)
      • PHP (11)
    • Framework (16)
      • Spring (14)
      • SpringBoot (2)
    • 개념정리 (7)
    • 각 언어 별 사용 이유 (1)
    • OS (4)
      • 리눅스 (3)
    • 보안 (1)
    • TDD (0)
    • Git (5)

검색 레이어

H_Develop

검색 영역

컨텐츠 검색

FrontEnd/JavaScript

  • 카카오, 라인, 네이버 인앱 url 외부 브라우저 연결

    2023.09.15 by H_Develop

  • Callback 만드는 법

    2023.02.20 by H_Develop

  • for 문 형태

    2023.01.06 by H_Develop

  • Object객체 와 ArrayList리스트

    2023.01.06 by H_Develop

  • var gaq = gqa || [];

    2022.12.15 by H_Develop

  • 스탑워치 만들기 (프로젝트 2인, javascript 담당)

    2022.07.07 by H_Develop

  • Math, Date 객체

    2022.07.07 by H_Develop

  • 배열 Array(PUSH, Number, pop(), length, splice(), slice(), substr(), replace(), 정규 표현식 Regular Expression, String 객체 문자열)

    2022.07.06 by H_Develop

카카오, 라인, 네이버 인앱 url 외부 브라우저 연결

//카카오톡 외부 브라우저 접근 var inappdeny_exec_vanillajs = (callback) => { if(document.readyState != 'loading'){ callback(); }else{ document.addEventListener('DOMContentLoaded', callback); } }; inappdeny_exec_vanillajs(() => { /* Do things after DOM has fully loaded */ function copytoclipboard(val){ var t = document.createElement("textarea"); document.body.appendChild(t); t.value = val; t.select(); docume..

FrontEnd/JavaScript 2023. 9. 15. 18:00

Callback 만드는 법

csIdLsit(dataId, callback) { var than = this; var Area = $(node); //상세영역 var param = { dataId : dataId } ajaxGet(Url + "getList.do", param, function(data, status) { var Body = area.find('select[name="id"]'); if(data.list && data.list.length > 0){ for(var o in data.list){ Body.append(''+data.listCs[o].name+''); } } callback(); }); }, List(data, function() { Area.find("select[name='id']").val(data..

FrontEnd/JavaScript 2023. 2. 20. 16:03

for 문 형태

// of for(var o of getDeptList) { if(o.name === 'AI') { console.log(o.people); for(var obj of o.people) { if(obj.name === '박') { console.log(obj); } } } } // in for(var idx in getDeptList) { if(getDeptList[idx].name === 'AI') { console.log(getDeptList[idx].people); for(var obj of getDeptList[idx].people) { if(obj.name === '박') { console.log(obj); } } } } // forEach getDeptList.forEach(function(o..

FrontEnd/JavaScript 2023. 1. 6. 16:10

Object객체 와 ArrayList리스트

var a = [ {dept:{ 'AI':{name:['H','Y'],age:[32,21]}, 'Sales':{name:['Z','X'],age:[42,13]} }} ] 1. 리스트 안에 리스트 쓰지 말것 ! [ [ {obj:'HI'} ] ] 뭐가 뭔지 모름 2. Value 값을 Array 리스트로 담지 말것 ! {name : [ {'Hwang': 'handsome'} ]} 그냥 안돼 이놈아 3. Array면 변수 이름에 List를 적어줄 것 ! var SomethingList = [ ] var Something = { } 4. o.people[1] 이런식으로 데이터 가져오지 말것 ! for문을 두개 돌려서라도 직접가져오지 마라 5. List.push로 넣을 때, 기존 데이터와 동일한 구조를 유지할 것 ..

FrontEnd/JavaScript 2023. 1. 6. 14:20

var gaq = gqa || [];

script 에서 변수를 선언하고 대입하는 값에 || [] 를 입력하면, 변수값이 null, false, undefined 라면 오른쪽 값이 들어가게 된다. var a = undefined; a = a || {}; console.log("a : "+ a); // "a : [object Object]" var a = 0; a = a || {}; console.log("a : "+ a); // "a : [object Object]" var a = 1; a = a || {}; console.log("a : "+ a); // "a : 1" var a = true a = a || {}; console.log("a : "+ a); // "a : true" var a = "ㅇㅁㅇㄴㅁㄴㅇ"; a = a || {}; c..

FrontEnd/JavaScript 2022. 12. 15. 09:09

스탑워치 만들기 (프로젝트 2인, javascript 담당)

STOP WATCH 00:00 start pause reset time() 는 계속 화면에 시간을 표시를 해주며, start() 는 스탑워치를 시작을 해준다. stop()은 스탑워치의 시간을 멈추고, reset()은 0으로 초기화를 해준다. time() second 변수 s_cycle 에서 60초가 되면, s_cycle은 0으로 초기화되고, minutes 변수인 m_cycle은 증감연산으로 1이 증가하게 하였다. 화면에 00 : 00으로 분과 초를 두자리 숫자로 표기하기 위해, s_cycle 과 m_cycle이 10 이하, 1의 자리일 때, 앞에 문자열 0을 추가해주었다. s_cycle은 그냥 되는데 m_cycle은 안되서 다른 변수를 넣어주어 실행해주었따. start() s_cycle, 초가 증가되고 ..

FrontEnd/JavaScript 2022. 7. 7. 09:02

Math, Date 객체

Math 객체 : 수학 연산을 위한 다양한 메써드 제공 round() 반올림한 정수값 ceil() 올림 정수 floor() 내림한 정수 pow() 거듭제곱 sqrt() 제곱근 (루트) sbs() 절대값 sin() cos() tan() 사인 코사인 탄젠트 값 min() max() 최소, 최대 값 log() 로그 값 5 round 6 ceil 5 floor 32 pow 8.54400374531753 sqrt 3.7 abs 1 sin 1 cos 0 tan -5 min 12 max 0.6931471805599453 log// 1.0986122886681096 log 1 round & sqrt Date 객체 : 날짜와 시간을 다루는 다양한 메써드 제공 Date()에서 월은 0부터 시작, 10은 11월 getFul..

FrontEnd/JavaScript 2022. 7. 7. 08:14

배열 Array(PUSH, Number, pop(), length, splice(), slice(), substr(), replace(), 정규 표현식 Regular Expression, String 객체 문자열)

Array 하나의 변수_명으로 동일한 타입의 여러 데이터를 저장할 수 있는 변수타입. 문자열 변환, 요소의 추가와 삭제, 요소의 이동, 연결, 요소 분리, 요소 정렬 등 다양한 메써드가 있다. toString() 요소 값들을 콤마 ( , ) 로 분리된 문자열로 변환 push() 새로운 요소 (맨 뒤에)추가 pop() 마지막 요소 보이고, 삭제 splice() 특정 위치의 요소를 삭제하고 그 위치에 삽입 = 배열_명.splice(index, 삭제_개수, 대체_요소) slice() 특정 요소 추출 sort() 오름차순으로 정렬 reverse() 요소를 거꾸로 만듦 사자,호랑이,사슴,펭귄 string PUSH 5 number 사자,호랑이,사슴,펭귄,기린 사자,호랑이,사슴,펭귄,기린,이구아나 POP() 사자,호..

FrontEnd/JavaScript 2022. 7. 6. 08:44

추가 정보

인기글

최신글

페이징

이전
1 2 3
다음
TISTORY
H_Develop © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바