JiYoung Dev 🖥

Device Manager 선택 중지 wipe Data (공장 초기화) App 실행

app.js //모듈사용 const express = require('express') //express const session = require('express-session') //session const fileStore = require('session-file-store')(session) //session 저장 const {sequelize} = require('./models') //sequelize (ORM) const webSocket = require('./socket') //socket const nunjucks = require('nunjucks') //nunjucks - 템플릿엔진 const bodyParser = require('body-parser') //json타입 body..

nunjucks 템플릿 엔진의 하나 HTML은 정적인 언어로 Javascript의 동적인 연산들을 HTML으로 처리하기에 불편함 템플릿 엔진은 자바스크립트를 사용해서 HTML의 렌더링을 돕는 일종의 도구 nunjucks 설치 npm install nunjucks nunjucks 환경 설정 const express = require('express') const nunjucks = require('nunjucks') const app = express() //view는 indexRouter에서 사용하므로 위쪽에서 작성해야 함 app.set('views', __dirname+'/views') app.set('view engine', 'html') nunjucks.configure('views', { expr..

Constraint Layout(규약) 1. 규약이 하나도 없으면 화면의 (0,0) 위치 (맨왼쪽, 맨위)로 이동 2. 좌/우(택1), 상/하(택1)라도 규약을 맺어줘야 함 3. 좌/우(택1), 상/하(택1) 중 하나만 규약을 맺으면 → 여백(절대값), 화면 해상도(크기)와 상관없음, 실선으로 표현 4. 좌/우(모두), 상/하(모두) 규약을 맺으면 → 비율로 위치를 결정(상대값), 화면 해상도(크기)에 비례함. 용수철 모양으로 표현 5. 규약은 화면과 맺을수도 있고 화면이 아닌 다른 view와 규약을 맺을 수도 있음 match_contraint : 나에게 주어진 제약조건 크기에 딱 맞춰서 XML만 새로 만들기 Activity (xml + kt) layout 추가

http 통신 통신순서 : 클라이언트의 요청이 들어와야 서버쪽에서 그에 알맞는 응답을 진행하는 방식 서버가 먼저 데이터를 보내는 게 불가능함 socket 통신 서버와 클라이언트 양방향 연결이 이루어지는 통신으로, 클라이언트도 서버로 요청을 보낼 수 있고 서버도 클라이언트로 요청을 보낼 수 있는 통신 예를들어 실시간 알림 Node.js에서는 Socket.IO npm 모듈을 이용하여 간단하게 사용할 수 있음 모듈 설치 npm install socket.io 서버쪽 소켓 //서버쪽 소켓 작성 const socketIO = require('socket.io') //어느 서버와 연결이 된 상태로 쓸 것인지 정의를 해줘야 함 (ex.port) //express server module.exports = (serve..

sequelize Node.js의 대표적인 ORM Sequelize는 mysql, postgreSQL, mariaDB 등 많은 RDBMS를 지원하고 promises 기반으로 구현되었기 때문에 비동기 로직을 편리하게 작성할 수 있음 ORM(Object-Relational Mapping) 객체지향 패러다임을 활용하여 관계형 데이터베이스(RDB)의 데이터를 조작하게 하는 기술 사용법 1. sequelize 설치 npm install sequelize 2. sequelize-cli 설치 - 폴더 구조를 만드는 명령문을 사용하기 위해 설치 npm install sequelize-cli 3. mysql2 설치 npm install mysql2 4. 초기화 npx sequelize init 폴더 구조 1. confi..

ImageView 사용시 주의점 1. ImageView는 액자 > 여러개 만들 필요가 없다!, 안에 들어가는 사진만 바꿔주면 됨 2. 가로, 세로 절대값으로 지정하는게 좋음 - 그래야 어떤 화면에서도 똑같이 보임 - 왜? 이미지의 크기는 각기 다 다르기 때문

event - 하드웨어에서 일어나는 모든 일 Constraint Layout 제약 지정시 → 어떠한 해상도에서도 똑같은 위치에 있음 Attribute layout_width - 가로 길이 layout_height - 세로 길이 1) wrap_content : 안에 들어있는 컨텐트 크기에 맞추겠다 2) match_constraint 0dp : 나에게 주어진 제약조건에 맞추기 3) 절대값 : 마우스로 크기 조정시 절대값(dp) 단위로 크기가 변경되어 컨텐츠가 안보일 수도 있다. EditText : Plain Text Edit Text 주요 속성 inputType - type 변경시 올라오는 키패드의 종류를 바꿀 수 있음 (text, number, date, phone) hint - placeholder - ..

DB연동하기 노드에서 사용하는 템플릿 엔진 : nunjucks html 상에서 반복문, 조건문을 같이 사용할 수 있음 npm install nunjucks nunjucks 설치 후 경로와 형식 설정 nunjucks는 확장자 html 그대로 사용가능 //nunjucks 활용을 위한 설정 //html 문서 경로, 형식 //1. views 값 설정 : view를 저장하고 있는 폴더의 경로 app.set("views", __dirname + "/views"); //2.view engine : 기본적으로 사용할 형식 app.set("view engine", "html"); //nunjucks 설정 nunjucks.configure("views", { express: app, //app(express) 객체 연결 ..