본문 바로가기
728x90
SMALL

전체 글

 (136)
11/25- 안드로이드스튜디오(계산기, 로그인) / Node.js(Sequelize) package com.example.ex20221124 import android.graphics.Color import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.view.View import android.widget.Button import android.widget.EditText import android.widget.TextView import android.widget.Toast // : Kotlin에서 상속 class ConstraintActivity : AppCompatActivity() { // 전역변수(뷰)로 만들기 lateinit var tvResult: TextView // 뷰에 ..
11/24 node.js / kotlin session const express = require("express"); const router = express.Router(); //세션 생성하기 router.get("/setsession", (req, res) => { req.session.nickname = "닉네임"; req.session.today = "today"; res.send("세션생성"); }); //세션에 저장된 값을 응답하기 router.get("/getsession", (req, res) => { res.send("닉네임: " + req.session.nickname); }); router.get("/deletesession", (req, res) => { req.session.destroy(); //전체 삭제 // req..
11/23 - kotlin, 안드로이드 스튜디오, node.js Kotlin package ex20221123 fun main() { // 람다 대수 // 수학 : 이름이 없는 함수 // 두 개 이상의 수를 1개의 결과값을 단순화 // 프로그래밍: 다른 함수의 인자로 넘기는 함수(매개변수) // 함수의 결과값으로 반환하는 함수(리턴값) // 변수에 저장하는 함수를 의미 *** // 매개변수 -> 리턴값 {x:Int, y:Int -> x+y} // 더하기 기능을 필요할 때마다 사용하려면 어딘가에 저장 : 변수 // 1. 람다식의 매개변수에 자료형이 지정되어 있다면 변수에서 자료형은 생략 할 수 있다 // 2. 변수의 매개변수 자료형이 지정되어 있다면 람다식의 매개변수 자료형은 생략 가능하다 val sum:(Int, Int) -> Int = {x, y -> x+y} pr..
11/22- kotlin / Node.js [ex01 Any, is, when] package ex20221122 fun main() { // Any : 이름처럼 아무거나 할 수 있는 느낌의 자료형 // Int, Float, String... 모든 자료형이 될 수 있다 var str1: String = "abc" // str1 = 12345678 var str2: Any = "abc" println(str2) str2= 12345 // println(str2) str2 = 'c' // Person p1 = new Person // p1 // is Person // : 상속관계에서 어디에서 나온 필드/메서드(프로퍼티) 인지 확인하기 위해서! is를 사용한다 // is Int -> 정수형자료형이 맞는지? 타입 체크 when(str2){ is Int ..
11/21- node.js / 오후 Kotlin chapter1. node.js 개요 [Contents] 1. node.js의 특징을 이해하고 설명할 수 있다 2. node.js 프로젝트를 생성할 수 있다 [About Node.js] chrome v8 javascropt 엔진으로 빌드된 javascript 런타임(확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼) [node.js 등장 이전과 이후] node.js 등장 이전? - 특정 웹 브라우저(chrome, firefox,safari,exploer)안에서 동작 - 독립적으로는 사용될 수 없었음 - 웹에서 표시되는 client만 구현 가능 node.js 등장 이후? - javascript 런타임 환경이 만들어져 웹 브라우저에서 독립되어 터미널 등에서 Javascript 실행 가능 -..
11/18 - Kotlin, [Kotlin이란?] 코틀린은(Kotlin)은 IntelliJIDEA라는 통합 개발 환경을 제작한 JetBrains에서 만든 프로그래밍 언어 넷플릭스,아마존,구글은 코틀린으로 개발이 되었습니다. 코틀린 장점 1) 자료형 오류를 미리 잡을 수 있는 정적 언어 -> 자료형 추론해준다 2) NPE(Null Pointer Exception)으로 인한 프로그램의 중단 예방 3) 아주 간결하고 효율적 언어 4) 함수형 프로그래밍과 객체 지향 프로그래밍이 모두 가능(다중 패러다임 언어) 5) ; (세미콜론) 생략가능 ex 01 Variable package ex20221118 fun main() { //IntelliJ에서 실행시킬 코드는 main 함수 안에 작성 println("Hello~ Full Stack") /..
React-Quill 사용해보기 React-Quill 사용하기 Quill quill은 rich text editor의 일종으로 마이크로소프트 등의 기업에서 후원하고 있는 텍스트 에디터 입니다. https://quilljs.com/ 퀼 공식 페이지 주소 https://www.npmjs.com/package/react-quill npm 링크 에디터 자체는 사용하기 쉬운 편이었는데, 여기에 이미지를 업로드 하는 기능을 붙이는 것이 어려워 꽤나 애를 먹었던 에디터 입니다. 1. 설치 yarn add react-quill 또는 npm install react-quill 2. 사용법( with TypeScript ) 사용법은 정말 간단합니다.
리액트 라우터(React Router)- BrowserRouter, HashRouter, Route, Switch, Link (Feat. SPA) 1. 싱글 페이지 어플리케이션 리액트는 싱글 페이지 어플리케이션을 쉽게 만들 수 있도록 하는 라이브러리이다. 싱글페이지에는 아래와 같은 문제점이 있는데, ● 각 페이지를 북마크 할 수 없음 ● 브라우저상에서 뒤로 가기, 앞으로 가기와 같은 내비게이션 사용 불가 이를 보완하기 위해서는 화면들에 따라 주소를 각각 만들어, 다른 주소에 다른 뷰를 보여줘야 한다(Routing). 하지만 리액트 자체에는 이러한 기능이 내장되어 있지 않으므로, 관련 라이브러리를 설치해야 한다. 그 중 가장 역사가 오래되고 많이 쓰이는, 리액트 라우터를 사용해 보자. 2. React Router란? React Router는 써드파티 라이브러리로, 여러 화면으로 구성된 웹 어플리케이션을 만드는데 사용되고 있다. 이는 클라이언트 사이드..
728x90
LIST

티스토리툴바