개발 공부중

push() : 뒤에 삽입 pop() : 뒤에 삭제 unshift() : 앞에 삽입 shift() : 앞에 삭제 arr.splice(시작, 개수) : 시작부분부터 개수개까지 요소 지움 arr.splice(시작, 개수, 추가) : 시작부분부터 개수개까지 요소 지우고 추가 arr.slice(n,m) : n부터 m까지 반환 arr.forEach((fn)) : 배열 반복 let arr = ['kim', 'lee', 'park']; arr.forEach((name, index) => { console.log(`${index +1}. ${name}`); }); const array =['사과','배','귤','바나나'] console.log('#for in 반복문') for(const i in array){ con..

얕은 복사는 객체의 참조값(주소)를 복사하고, 깊은 복사는 객체의 값 자체를 복사한다. 얕은 복사(Shallow Copy) const user = { name : "lee", age : 99, } conset user2 = user; user2.name ="kim"; //모두 똑같은 객체를 바라보고 있음 console.log(user); // {name:"kim", age:99} console.log(user2); // {name:"kim", age:99} user를 user1에 넣었더니 기존의 user 값도 같이 변경된 것을 확인 할 수 있다. 데이터 자체를 복사한 것이 아니라 해당 데이터의 참조 값을 전달하여 하나의 데이터를 공유하는 것이다. 깊은 복사(Deep Copy) 얕은 복사처럼 참조 주소값이..

데이터를 서버에 전송할 때 사용하는 방법인 GET메서드와 POST메서드의 비교 GET 방식 url 상에 서버로 보내는 데이터를 포함 전송 데이터 노출에 따른 위험 요청 url 길이에 제한이 있음 캐시와 브라우저 기록에 남아 있음 보통 무언가를 얻는 것이 목적(읽기/ 검색) 에러가 발생하면 주로 404(Not found) 에러나 400(Bad request) 에러 발생 예시) www.google.com/search?변수명1=값1&변수명2=값2... POST 방식 url에 정보를 표시하지 않고 서버로 보냄 HTTP body에 데이터를 담아서 전송됨 캐시와 브라우저 기록에 남아 있지 안음 보통 무언가를 전달하는 것이 목적(생성) 참고한 사이트 HTTP Methods GET vs POST W3Schools of..

객체(Object)란, 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입 key : value 의 구조로 값을 할당하지 않고 선언만 할 경우 자동적으로 undefined 를 할당 객체가 아닌 기본 데이터 유형, String number boolean null undifined (예제) 접근, 추가, 삭제 및 반복문 사용 const superman = { name : 'clark', // key : value age : 33, } //접근 superman.name //'clark' superman['age'] //33 //추가 superman.gender = 'male'; superman['hairColor'] = 'black'; //삭제 delete superman.hairColor; //..

Node.js 와 npm 설치방법 Node.js란, 서버측에서 자바스크립트를 사용할 수 있도록 해주는 기술 브라우저가 없이도 단독으로 테스트가 가능하다 1. Node.js 홈페이지로 들어간다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 안정적인 파일로 설치 3. 파일을 실행하고 기본 설정으로 설치하면 된다. 4. 중간에 뜨는 관리자권 한 확인 클릭하고 설치하면 끝 5. 아무 키나 누르고 자동으로 뜨는 파워셀은 그냥 종료해주면 된다. 6. CMD창에서 node가 잘 설치 됐는지 확인해준다. npm은 node를 설치하면 자동으로 설치된다. n..

MVC 패턴 (Model / View / Controller) 하나의 애플리케이션, 프로젝트를 구성할 때 그 구성요소를 세가지의 역할로 구분한 패턴 Model계층 (XXXLogic.java + XXXDao.java) 데이터와 비즈니스 로직을 관리 사용자가 편집하길 원하는 모든 데이터를 가지고 있어야 한다. Controller계층 명령을 모델과 뷰 부분으로 라우팅 사용자는 컨트롤러를 사용하여 모델의 상태를 바꾼다. ex) 입력 폼과 버튼 액션 사용자의 요청사항을 파악한 후에 그 요청에 맞는 데이터를 Model에 의뢰하고, 데이터를 View에 반영해서 사용자에게 알려준다. View 계층 레이아웃과 화면을 처리 클라이언트 측 기술인 html/css/javascript들을 모아둔 컨테이너이다. * DAO(Dat..

$ git pull error: Pulling is not possible because you have unmerged files. hint: Fix them up in the work tree, and then use 'git add/rm ' hint: as appropriate to mark resolution and make a commit. fatal: Exiting because of an unresolved conflict. error: Pulling is not possible because you have unmerged files. merge되지 않은 파일이 있어서 pull할 수 없다는 내용의 오류 내 경우는 로컬(내 pc)에는 있는 파일이 원격(깃허브)에는 다른 사람이 삭제한 상태로 ..

객체 직렬화 (object serialization) Java.io.Serializable 인터페이스 실행 시간에 유지하고 있던 객체 내부의 정보과 객체 자신의 정보를 어디엔가 기록해 놓고 나중에 필요한 시기에 다시 볼 수 있는 방법을 제공하는 것 객체의 내용을 파일 혹은 네트워크를 통하여 byte stream으로 입출력한다. 객체를 저장장치(파일, DB)등에 저장, 검색, 로딩할 수 있도록 함으로서 객체의 영속성을 제공한다. java.lang.Object : 직렬화 x, 객체를 스트림으로 보낼 수 없다 java.lang.String: 직렬화 o, 객체를 스트림으로 보낼 수 있다. 직렬화를 구현한 창을 스트림으로 다른 컴퓨터에 보내는 것이 가능하다. static 필드, transient 필드는 사용불가 ..