유정잉

[ 데이터를 저장하는 방법 ] 1. 변수 let n=2; 2. 배열 let n=[14, 'a', 3.3] 3. 객체 let n={ name:'it, age:33, } [ null과 undefined 차이점 ] const a=true; const b=false; document.write(a+" "); const c=null; //값이 지정되지 않음 -> 참조하는 값이 없음 document.write(typeof(c)+" "); const d=undefined; //변수 선언 후 값을 할당하지 않은 상태 -> 공간 자체가 없는 상태 document.write(typeof(d)+" "); const e="자바스크립트"; //백틱 표현 방식 document.write(`${e}`); [ 객체 배열 선언 방식 ..

[ Tomcat 다운로드 & eclipse 연동 ] 1) Google에 톰캣 다운로드 검색 후 버전에 맞게 선택 후 다운로드 ( -> C드라이브에서 압축 풀기 ) 2) [IntelliJ] 인텔리제이 톰캣(Tomcat) 연동 (tistory.com) [IntelliJ] 인텔리제이 톰캣(Tomcat) 연동 Intellij 톰캣(Tomcat) 연동 로컬에 톰캣이 있다는 가정하에 진행하려고 한다. 만일 톰캣이 설치되어 있지 않다면 아래 사이트에서 톰캣을 다운받으면 된다. 나의 경우 9 버전으로 다운받았는데 원하 computer-science-student.tistory.com 3) eclipse -> File -> New -> New Project 3) Web -> Dynamic Web Project 4) Pr..

mac은 파일에 메모장 만드는 대신 vscode에 파일 불러와서 메모장 만들기 .yaml 로 만들기 !!! git reflog 는 전체 log 보는 것 git status 보는 습관 들이기 !!! git add . 은 index에 추가 하는 작업 git commit -m "커밋할 내용" 은 커밋 하는 작업 쉬프트 + 커멘드 + . 은 숨겨진 파일 보는 단축키 !!! git의 간단 개념 내가 작업한 파일을 git은 변화를 감지하고 관리를 하겠다라고 명령어를 입력하게 되면 그 파일을 인덱스 트리화 해준다(박스화 *나만의 용어). 이제 그 박스를 git commit을 하면 head(브랜치인거 같음) 의 줄기중 하나의 점으로 찍히게 됨 이 줄기의 점들은 내가 박스화한 작업들을 올린 시점을 찍어주는 것 히스토리가..

[ jQuery 응용 해보기 - File Upload 파일 업로드 함수 ] DOCTYPE html> .di{ background-color: rgb(230, 230, 230); padding:30px; } .di .di2{ display: flex; } .di h2{ text-align: center; } .di3{ background-color: whitesmoke; width: 300px; padding: 10px; margin-right: 10px; } body{ height: 100vh; display: flex; justify-content: center; align-items: center; } .di4{ display: flex; align-items: center; } .di4 label{..

[ 제이쿼리 ] 1. css() : 스타일 변경 메서드 $('선택자').css('속성','값'); $('선택자').css('속성':'값', '속성':'값'); ​ 2. children(): 선택자를 기준으로 자식요소 선택하는 메서드 $('선택자').children('선택자'); ​ find(): 선택자를 기준으로 자손요소 선택하는 메서드 $('선택자').find('선택자'); ​ 3. siblings() : 선택자를 기준으로 형제요소 선택하는 메서드 $('선택자').siblings('선택자'); ​ parent() : 선택자를 기준으로 부모요소 선택하는 메서드 $('선택자').parent('선택자'); ​ 4. next(), prev(), nextAll(), prevAll(), nextUntil(), p..

Maven Repository: Search/Browse/Explore (mvnrepository.com) Maven Repository: com.google.code.gson » gson (mvnrepository.com) Gson 사용하는 이유 !!! 나중에 프로젝트 할때 네이버지도, 구글지도등 api 데이터를 가져올 때 필요함 !!! api데이터를 java로 가져오는 법 [ eclipse와 Gson 연결하기 ] 1) Google에 mvn 검색 2) mvn 사이트에서 Gson 검색 3) 클릭 후 최신버전 클릭 -> jar 파일 다운로드 4) 이클립스 -> Build Path -> Configure Build Path -> Class Path 클릭 후 -> Gson 파일 추가 -> Referenced ..

1) cmd + space를 열고 Activity Monitor를 켠다 2) 우측 상단의 검색바에서 “pboard” 키워드를 검색하고, 왼쪽 상단에서 “Force Quit” 아이콘을 클릭해서 꺼주면 된다. 그러면, 시스템이 알아서 클립보드를 초기화 해준다. 3) 터미널로도 할 수 있는데 터미널 앱을 열고, 아래커맨드를 실행해주면 된다.

this 있을 때 변수명 obj로 많이 줌 [ DOM 문서 객체 이벤트 ] 1) 문서객체.on이벤트타입명 = 이벤트핸들러; ex) n.onclick=function(); n.onclick=ch; 2) 문서객체.addEventListener("이벤트타입",콜백함수); ex) n.addEventListener('click',function(){}); 3) 문서객체.removeEventListener('이벤트타입',콜백함수); [ JavaScript 이벤트 종류 ] 1) 마우스 이벤트 (click, dbclick, mouseover, mouseout, mousemove...) 2) 키 이벤트 (keydown, keyup, keypress...) 3) 로드 이벤트 (load, resize, scroll...) ..

[ JavaScript DOM 함수 순서 - onload ] - 문서가 준비되었다. window.onload=function() { let n=document.getElementsByTagName("h1"); n[0].style.color='red'; } 자바스크립트 [ JavaScript DOM 접근 함수 - 1 ] - getElementById(); getElementsByClassName(); getElementsByTagName(); => 배열로 접근 가능 자바스크립트1 자바스크립트2 자바스크립트3 let m=document.getElementsByClassName('a'); m[0].style.color='red'; // 배열 형태로 접근 해야지 오류 X / 배열이 길때는 반복문 사용 m[1]...

1) 원격(내가 속한 프로젝트만 보여줌, 모르는 프로젝트를 불러와야할 경우 직접 입력해야함) -> 원하는 프로젝트 클론 2) 목적지 경로 => 내가 원하는 파일 3) 인텔리제이로 돌아와서 File -> Open -> 프로젝트 파일 열기 4) 파일 상태 -> 수정된 파일 선택 -> 커밋 메세지 작성 -> 커밋 클릭 5) 히스토리 -> 수정된 커밋 확인 -> 패치 클릭 -> 최신 코드 확인 -> 수정된 코드 가져오기 6) 최신 코드가 있다면 최신코드에 오른쪽 클릭후 병합 !!! 7) 내 코드와 합쳐진 최신 코드를 레포지토리에 푸시 !!! [개발준비 #02] 인텔리제이(IntelliJ) clone부터 commit, pull request까지 (velog.io) [개발준비 #02] 인텔리제이(IntelliJ) ..