분류 전체보기
[인프런] 레츠기릿 자바스크립트 / 끝말잇기, 셀프체크 쿵쿵따 만들기
1번째 참가자 제시어 : 입력 대화창(prompt, alert, confirm) - 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능 1) alert("hello") 사용자가 [확인]을 누르기 전까지 계속 떠있는 메세지창 ** 메시지가 있는 작은 창은 모달 창(modal window) 이라고 한다. '모달’이란 단어엔 페이지의 나머지 부분과 상호 작용이 불가능하다는 의미가 내포되어 있다. 2) result = prompt(title, [default]); 텍스트 메시지와 입력 필드(input field), 확인(OK) 및 취소(Cancel) 버튼이 있는 모달 창 title : 사용자에게 보여줄 문자열 (ex prompt("참여할 인원은 몇 명인가요?")) default(선택값) : 입력 필드의 ..
🔥자바스터디🔥 자바의 정석 CH11 컬렉션프레임웍
1. 컬렉션프레임워크 1.1 컬렉션 프레임워크의 핵심 인터페이스 - Collection 인터페이스 컬렉션 클래스에 저장된 데이터를 읽고 추가하고 삭제하는 등 가장 기본적인 메소드들을 정의 - List 인터페이스 중복을 허용하면서 저장순서가 유지되는 컬렉션을 구현하는데 사용 - Set 인터페이스 중복을 허용하지않고 저장순서가 유지되는 컬렉션을 구현하는데 사용(HashSet, TreeSet 등) - Map 인터페이스 키와 값을 하나의 쌍으로 묶어서 저장하는 컬렉션을 구현 키는 중복될수 없지만 값을 중복을 허용한다. - Map.Entry 인터페이스 Map에 저장되는 key-value 쌍을 다루기 위해 내부적으로 Entry인터페이스를 정의했다. 1.2 ArrayList - Object 배열을 이용해서 데이터의 ..
🔥자바스터디🔥 자바의 정석 CH10 날짜와 시간 형식화
1. 날짜와 시간 1.1 Calendar 와 Date Calendar와 GregorianCalendar - Calendar는 추상 클래스이며, 이를 상속받아 구현한 클래스가 GregorianCalendar(태국 외 모든 국가), BuddihistCalendar(태국) - .getInstance() 를 통해 완성된 객체를 반환하여 사용하거나, (static 메소드) 상속받아 구현된 GregorianCalendar를 이용해서 인스턴스를 반환하여 사용한다. //1. Calendar를 Date로 변환 Calendar cal = Calendar.getInstance(); Data d = new Date(cal.getTimeInMillis()); //Date(long date) //2. Date를 Calendar로..
[React / Node.js] 영화사이트 클론코딩 - 에러 해결, React, ES6 문법 알아보기
기본적인 BoilerPlate는 강사님 github에서 다운로드 받아서 이용했다. 루트 디렉토리 안에 server, client로 폴더가 구분되어있고 server의 package.json은 루트 디렉토리, client의 package.json은 client 폴더 하위에 만들어져 각각의 경로에서 npm install하여 모듈을 설치해준다. server / config 개발환경 설정에 따라 운영환경인지, 개발환경인지를 선택하여 따로 DB가 관리된다. process.env : node.js가 제공하는 환경설정 관련 property이다. npm run dev "scripts": { "start": "node server/index.js", "backend": "nodemon server/index.js", "f..
[인프런] 모던 자바스크립트(javascript) 개발을 위한 ES6 강좌 / 미니프로젝트
기능 ) 1. "코드스쿼드 블로그" 버튼 클릭시 포스팅 목록 ajax로 가져온다 2. 가져온 데이터 카드형식으로 뿌려준다. (제목 - 링크 추가) 3. 찜하기 클릭하면 내 찜 목록에 제목만 리스팅한다. 4. 찜하기 버튼 클릭시 취소로 토글된다 webpack / webpack-cli 설치 - 모듈 번들화 작업을 위해 webpack을 사용했다. - webpack.config.js 파일로 webpack 번들화 작업시 환경설정을 해준다. 1) Node.js에서 path에 대한 경로 값을 가져와서 저장을 한다. 2) 환경설정을 object 타입으로 exports 한다. - entry : budling할 파일의 정보(budling 시작시 기준 파일로, 해당 파일을 기준으로 DI를 확인하고 번들링한다.) - outp..
[인프런] 모던 자바스크립트(javascript) 개발을 위한 ES6 강좌 / 실습예제 2 - Destructuring 과 Set 을 활용한 로또 번호 생성기
문제 ) 다음 조건을 이용하여 Lotto 번호 추출기 만들기 1. 유일한 값을 추출하는 과정에서 Set을 사용한다. 2. getRandomNuber 함수에 변수를 전달하는 과정에서 destructuring을 사용한다. const SETTING = { name :"LUCKY LOTTO!", count : 6, maxNumber : 45 } function getRandomNumber(maxNumber){ //랜덤한 유일한 숫자값을 추출 let random = (Math.floor(Math.random() * maxNumber)+1); return random; } const {maxNumber, count} = SETTING; let setNumber = new Set(); setNumber.clear()..
🔥자바스터디🔥 자바의 정석 CH9 java.lang패키지와 유용한 클래스
1. java.lang패키지 1.1 Object클래스 equals(Object obj) - 매개변수로 객체의 참조변수를 받아서 비교하여 그 결과를 boolean값으로 알려준다. - 주소값으로 비교한다. 값만으로 비교하기 위해서는 오버라이딩하여 재정의하면된다. hashCode() - 해싱기법에 사용되는 해시함수를 구현한 것이다. (다량의 데이터를 저장하고 검색하는데 유용) - 해시함수는 찾고자하는 값을 입력하면 그 값이 저장된 위치를 알려주는 해시코드를 반환한다. toString() - 인스턴스 변수에 저장된 값을 문자열로 표현한다. clone() - 객체 자신의 복사본을 반환한다. - 공변 반환타입(오버라이딩 할때 조상메소드의 반환타입을 자손클래스의 타입으로 변경을 허용)이 가능하다. 얕은 복사와 깊은 ..
🔥자바스터디🔥 자바의 정석 CH8 예외처리
1. 예외처리 1.1 프로그램 오류 - 컴파일 에러 : 컴파일 시에 발생하는 에러 - 런타임 에러 : 실행 시 발생하는 에러 - 논리적 에러 : 실행은 되지만, 의도와 다르게 동작하는 것 ** 런타임시 발생할 수 있는 프로그램 오류 에러 : 메모리 부족이나 스택오버플로우와 같이 발생하면 복구할 수 없는 심각한 오류 예외 : 발생하더라도 수습될 수 있는 오류 1.2 예외 클래스의 계층구조 모든 예외의 최고 조상은 Exception클래스, Exception 하위에서 가장 많은 자손 클래스를 가지고 있는 예외는 RuntimeException클래스 - Exception클래스들 : 사용자의 실수와 같은 외적 요인에 의해 발생하는 예외 - RuntimeException클래스들 : 프로그래머의 실수로 발생하는 예외 ..
[인프런] 모던 자바스크립트(javascript) 개발을 위한 ES6 강좌 / 실습 1 - 특정 문자열이 포함된 배열 만들어 반환하기
문제 ) filter, includes, from을 사용해서 문자열 'e'가 포함된 노드로 구성된 배열을 만들어서 반환하기 function print(){ /* filter, includes, from을 사용해서 문자열 'e'가 포함된 노드로 구성된 배열을 만들어서 반환하기 */ let listItem = document.getElementsByTagName("li"); let newArray = Array.from(listItem); let newData = []; newArray.filter(function (n){ if((n.textContent).includes("e") === true){ newData.push(n.textContent); } }) for(list of newData){ docu..
Error : Route.get() requires a callback function but got a [object Object]
Error: Route.get() requires a callback function but got a [object Object] index.js 68번째 줄의 콜백함수의 문제라길래 봤는데 너무나 멀쩡... 그래서 auth.js 로 가서 확인했는데도 수정할 만한 사항을 발견하지 못했다. 빨간 네모박스 부분의 auth.... 참조하는 형태를 바꾸어주어야한다. 왜냐하면 module.exports = {auth} 이기 때문입니다. 에러메시지는 router.get에서는 콜백함수를 받아와야 하는데 객체를 받아와서 에러가 뜬다고 알려주는겁니다. auth만 하게되면 auth라는 콜백함수를 품고있는 객체가 되는것이고 {auth}는 객체안의 콜백함수라는 뜻입니다 출처 : 인프런 답변 https://www.inflear..
Node.js 폴더 삭제안될때 rimraf 전역설치 해도 삭제 안될때
git을 이용해서 컴퓨터 여러대에서 가동할때 node.js는 package파일만 remote하고 모듈은 따로 커밋하지 않는데 이러다보니까 err가 뜨더라... (서로 설치된 모듈이 달라서인지 꼴랑 한두개 추가설치였지만!) 그래서 찾아보니 모듈 삭제하고 다시 설치하면 깔끔하다길래 npm cache clean --force rm -rf ./node_modules rm -rf ./package-lock.json npm install && npm start 캐시정리까진 잘 되엉ㅆ으나... rm -rf 명령어가 듣질 않더라 알고보니 리눅스나 맥에서 사용되는 명령어였고, window에서는 이 명령어들을 사용할수 있는 모듈 rimraf를 따로 설치해서 사용해야되었다 그래서 npm install rimraf -g / ..
🔥자바스터디🔥 객체지향 개념을 살려서 스터디관리 프로그램 만들기
문제 )) 객체지향 개념을 살려서 스터디관리 프로그램 만들기 이미지대로 스터디원의 정보, 참여내역(벌금 차감), 벌금내역 조회, 스터디 관리내역 조회, 스터디 탈퇴 까지 객체지향 개념을 적용하여 프로그래밍하기가 목적이었다. package study; import java.util.Scanner; public class MemberVo { private String member_no; private String name; private String joinDT; private String deposit; public void insert(String member_no) { Scanner sc = new Scanner(System.in); this.setMember_no(member_no); System.o..