코딩기록

기본 함수 f123(); console.log('A'); console.log('Z'); console.log('B'); f123(); console.log('F'); console.log('C'); console.log('P'); console.log('J'); f123(); console.log('U'); console.log('A'); console.log('Z'); console.log('J'); console.log('I'); f123(); function f123(){ console.log(1); console.log(2); console.log(3); console.log(4); } 반복되는 부분을 함수로 만들보면 하나씩 코딩하지 않고 간편하게 사용할 수 있습니다. 매개변수가 있는 함수 co..

반복문 console.log('A'); console.log('B'); var i = 0; while(i < 2){ console.log('C1'); console.log('C2'); i = i + 1; } console.log('D'); while문이 두 번 반복되어 출력되는 것을 볼 수 있습니다. 배열 var arr = ['A','B','C','D']; console.log(arr[1]); console.log(arr[3]); arr[2] = 3; console.log(arr); console.log(arr.length); arr.push('E'); console.log(arr); 배열을 선언할 때는 var 배열명 = [ ... ] 형식으로 하면 됩니다. 배열의 인덱스는 0부터 시작하고 배열의 특정값..

Boolean console.log(true); console.log(false); 자료형 중 하나인 Boolean형은 true/false의 값을 가질 수 있습니다. 비교연산자 console.log(1==1); console.log(1==2); console.log(1>2); console.log(1

URL의 id값에 따라 본문의 내용이 바뀌는 동적 웹페이지를 만들어보겠습니다. var http = require('http'); //http 모듈 요청 var fs = require('fs'); // fs 모듈 요청 var url = require('url'); //url 모듈 요청 var app = http.createServer(function(request,response){ var _url = request.url; var queryData = url.parse(_url, true).query; var title = queryData.id; if(_url == '/'){ // Home일 경우 title = 'Welcome'; } if(_url == '/favicon.ico'){ return res..

자바스크립트의 기본 자료형에 대해 알아보겠습니다 Number console.log(1+1); console.log(4-1); console.log(2*2); console.log(10/2); 코드와 코드의 결과입니다. Number는 숫자를 의미합니다. String console.log('1' + '1'); console.log('hello world'.length); String은 문자를 의미합니다. 문자에서 '+' 는 숫자와 다르게 동작합니다. 문자에서 '+' 는 문자와 문자를 합친다는 의미입니다. 문자열의 길이를 알고 싶을 때는 .length 를 사용하면 됩니다. 변수(Variable) var name = 'egoing' var letter = 'Dear ' + name + ' hello world'..

오늘은 ListView와 Room을 사용해 데이터베이스에 대해 다뤄보겠습니다! Room 이란? - Room은 ORM(Object Relational Mapping) 라이브러리입니다. Room은 데이터베이스의 객체를 자바나 코틀린 객체로 매핑해주는것 입니다. Room은 SQLite의 추상레이어 위에 제공하고 있으며 SQLite의 모든 기능을 제공하면서 데이터베이스 접근을 편하게 해줍니다. Room과 SQLite 차이점? - SQLite 경우 쿼리에 대한 에러를 컴파일에 확인하는것이 없지만 Room에서는 컴파일 도중 SQL에 대한 유효성을 검사 가능합니다 - 스키마가 변경이 될경우 SQL쿼리를 수동으로 업데이트 해야하지만 Room의 경우는 쉽게 해결이 가능합니다. - SQLite 경우 Java데이터 객체를 ..

이번에는 카메라를 실행시켜서 사진을 찍어서 가져와 이미지뷰에 보여지게 해보겠습니다! 1. 권한을 추가해줍니다 - AnroidManifest.xml 2. 이미지뷰를 추가해줍니다 - activity_main.xml 이미지뷰를 클릭하면 카메라가 실행되도록 구성하기 위해서 이미지뷰만 넣었습니다 실제로 코드를 실행해볼때는 이미지뷰가 보이지 않지만 클릭하면 작동이 됩니다 3. MainActivity.java 권한설정을 위한 함수를 만들어줍니다. public void checkSelfPermission() { String temp = ""; //권한에 대한 상수값 //카메라 권한 확인 if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) !=..

이번에는 갤러리를 통해 사진을 가져와 이미지뷰에 보여주는 것을 해보겠습니다! 1. 권한을 추가해줍니다 - AndroidManifest.xml 2. 이미지뷰를 만들어줍니다 - activity_main.xml 일정한 크기로 가져오기 위해 width와 height를 지정해주었습니다. 3. MainActivity.java를 작성해줍니다 먼저 권한설정을 위한 함수를 만들어줍니다 public void checkSelfPermission() { String temp = ""; //권한에 대한 상수값 //파일 읽기 권환 확인 if (ContextCompat.checkSelfPermission(this, Manifest.permission.READ_EXTERNAL_STORAGE) != PackageManager.PERM..

RecyclerView - 많은 수의 데이터를 제한된 영역에서 유연하게 표시해주는 위젯입니다 - CustomListView의 확장판이라고 할 수 있고, 유연함과 성능이 더 좋습니다 - 리스트뷰의 사용 목적과 동작 방식이 매우 비슷합니다 - 리사이클러뷰는 유연하기 때문에 수직구조와 수평구조 모두 가능하고 동적 구성이 부드럽습니다 - 리사이클러뷰는 onCreateViewHolder, onBindViewHolder, getItemCount를 필수로 오버라이딩 해야한다는 것이 중요합니다 어댑터 - 리사이클러뷰에서 표시될 아이템 뷰를 생성하는 역할 레이아웃 매니저 - 아이템이 뷰에서 어떤 형태로 배치될지 결정하는 요소 - 리니어(Linear): 수평, 수직 방향으로 일렬 배치하는 구조 - 그리드(Grid): 격자..

이전 포스팅에 이어서 이번에는 JPA Auditing 사용해 생성시간과 수정시간을 자동화해보겠습니다. JPA Auditing을 쓰는 이유? - 생성시간과 수정시간은 데이터베이스의 공통적인 칼럼입니다. 그래서 매번 데이터베이스에 insert/update 할 때 날짜 데이터를 생성, 수정하는 코드를 포함해야 합니다. 이 코드가 여러 테이블과 메소드에 포함되기 때문에 반복적인 코드가 많아집니다. 이 반복적인 코드를 줄이기 위해 JPA Auditing을 사용하는 것입니다. JPA Auditing을 사용하면 자동으로 시간을 매핑하여 데이터베이스의 테이블에 넣어줍니다. 1. 다음과 같이 파일을 만들어줍니다 2. BaseTimeEntity @Getter @MappedSuperclass @EntityListeners(..