전체 글 썸네일형 리스트형 TIL 2023.02.07 JSON, jQuery JSON 키:값 쌍으로 이루어진 형태 키 값은 반드시 문자열 형태여야함 "" 만 사용 가능(''은 오류, 이스케이프 문자 사용가능) {"key":"val", "key2":1234} parsing JSON parsing 학번 이름 국어 영어 수학 JSP 파일로 JSON 데이터 만들기 JSP page 설정에 contentType=application/json 으로 변경, json데이터는 반드시 맨위부터 작성되어야함 {"emp":[ { "empno":, "ename":"", "hiredate":"", "sal":, "comm": } ]} jQuery CDN 형식으로 사용할 수 도 있지만 압축된(minified) js파일로 다운받기 가능 최신 3.x ver에선 device에 따라 나눠둠 slim은 mobile용.. 더보기 TIL 2023.02.06 javascript 4 carousel var carousel, prv, nxt, ul, div, nxtTime; window.onload = () => { carousel = document.querySelector('.carousel'); div = document.createElement('div'); ul = carousel.querySelector('ul'); div.appendChild(ul); ul.style.marginLeft='0px'; prv = document.createElement('a'); prv.appendChild(document.createTextNode('')); nxt.href="#"; carousel.appendChild(div); carousel.appendChild(prv); carous.. 더보기 TIL 2023.02.03 JavaScript 3 선택자 document.getElementsByTagName('h1'); document.getElementsByClassName('cl1'); document.getElementById("i3"); var h1 = document.getElementsByTagName('h1')[0]; // h1.innerText='문자열변경'; var ul = document.getElementsByTagName('ul')[0]; // ul.innerHTML='edit'; // h1.outerHTML='outer'; // 기존 element 빼버림 // ul.outerHTML='edit' // document.getElementsByTagName('ol')[0].outerHTML; //새로잡아야함 // h1.outer.. 더보기 TIL 2023.02.02 JavaScript 2 Object var obj1 = new Object(); var obj2 = {"key1":"val1", "key2":"val2"} obj1["key1"] = "val1"; obj1.key2 = "val2"; obj1.key3 = [1,3,5,7]; obj1.obj2 = obj2; console.log(obj1); console.log(obj1.key3[2]) console.log(obj1.obj2.key1); for(key in obj1){ console.log(key, typeof key, obj1[key]) } function // 호출 먼저 가능 단, 스크립트 단위로 컴파일되기때문에 // 호출과 선언이 다른 스크립트일 경우 선언이 먼저 되야함 var val = func1(); console.log.. 더보기 TIL 2023.02.01 CSS & JavaScript 1 CSS 태그 숨기기 display: none; visibility: hidden; opacity 0; 각을 둥글게 border-radius 50px; 배경관련 background-image: url("dd.png"); background-repeat: no-repeat; background-position: 0% 50%; background-attachment: fixed; 그라데이션 background-image: linear-gradient(red, rgba(255,255,255,1),rgba(255,255,255,0)); transition transition-duration: 2s; transition-delay: 1s; transition-timing-function: ease-in-out; @.. 더보기 TIL 2023.01.31 Emmet(VSCode) Emmet이란? 강력한 자동완성 기능 등으로 HTML 작성 속도를 크게 향상시켜주는 플러그인 div>ul>li div+p+bq div+div>p>span+em^bq div>(header>ul>li*2>a)+footer>p div#header+div.page+div#footer.class1.class2.class3 td[title="Hello world!" colspan=3] li.item$*5 ul>li.item$$$*4 ul>li.item$@-*5 a{Click me} Click me 더보기 TIL 2023.01.30 Git 명령어 정리 Git 설정 Git 최초 계정 설정 - 설치 후 git bash에 접속하여 가장 먼저 해줘야 하는 계정 설정 * 만약 프로젝트마다 다른 이름과 이메일 주소를 사용하고 싶으면 --global 옵션을 빼고 명령을 실행한다. git config --global user.name "nickname" git config --global user.email "user@mail.com" git config --list (입력확인) 계정 설정 초기화 git config --unset user.name git config --unset user.email Alias 를 이용하여 간단하게 사용할 명령어 설정하기 git config --global alias.unstage 'reset HEAD --' (언스태이징) git .. 더보기 WIL 2023.01.25 ~ 2023.01.27 java JSP, vagrant JSP jsp를 view로 쓸 경우 를 많이 사용함 하나의 기능을 상품화해야한다. 보안적인 부분에서의 꼼꼼함이 중요. 민감한 정보들의 경우 컴파일 한 class 파일만 build폴더에 집어 넣게 되면 사용은 가능하나 볼 수는 없도록 할 수 있다. Vagrant - centos8 가상화 배포 Vagrant init 후 Vagrantfile 수정 config.vm.network "forwarded_port", guest: 8080, host: 7070 config.vm.synced_folder "./data", "/vagrant_data" vagrant up -> vagrant ssh sudo yum update sudo yum install -y java-1.8.0-openjdk-devel.x86_64 w.. 더보기 이전 1 2 3 4 5 6 7 8 ··· 18 다음
