본문 바로가기

반응형

Web

(20)
iOS SwiftUI @Binding으로 View 끼리 데이터 공유 2023.03.09 - [App Dev/iOS] - iOS SwiftUI @State 문법 어떻게 사용하면 될까? iOS SwiftUI @State 문법 어떻게 사용하면 될까? @State SwiftUI는 속성의 저장소를 관리합니다. 값이 변경되면 SwiftUI는 값에 의존하는 보기 계층 구조의 일부를 업데이트합니다. 상태의 기본 값에 액세스하려면 해당 속성을 사용합니다. 그러나 단 smart-factory-lee-joon-ho.tistory.com @Binding 바인딩을 사용하여 데이터를 저장하는 속성과 데이터를 표시하고 변경하는 보기 간에 양방향 연결을 만듭니다. 바인딩은 데이터를 직접 저장하는 대신 속성을 다른 곳에 저장된 정보 소스에 연결합니다. 예를 들어 재생과 일시 중지 사이를 전환하는 버튼..
JAVA SPRING - 정부 프레임 워크 JQuery 문법으로 DB 연동하여 SelctBox에 Data 바인딩 하기 정부프레임워크 기반인 점을 다시 알려 드립니다. SELECT ALL UPDATE 이 두가지를 해야합니다. 우선 xml 파일을 작업해 줍니다. /* thermalDAO.selectMemo */ SELECT * FROM rgb_page /* thermalDAO.selectMemo */ UPDATE rgb_page set memo = #memo# where page = #page# 위의 내용은 내가 데이터베이스에 이런 데이터가 필요해라는 요청 사항을 데이터 베이스가 알아 먹을 수 있게 작성한 부분 입니다. 중요한 건 id = " 값 " 을 신중하게 선정하고 잘 기억하고 있어야 합니다. 두번째로 controller를 작성해줍니다. 데이터베이스에 값을 요청하고 해당 값을 ..
Node.js 우분투에 노드js로 기초 백엔드 api 서버 구축 코드를 알아보자 https://velog.io/@ywoosang/Node.js-%EC%84%A4%EC%B9%98 우분투 Node.js 설치및 npm 환경구축 우분투 20.04에 Node.js 를 설치하는 세 가지 방법, npm 환경 구축과 REPL 을 이용한 실행 velog.io 1.$sudo apt-get install -y curl 2.$ sudo apt update 3.$ sudo apt install nodejs 4.$ nodejs -v -> v12.22.9 5.$sudo apt install npm node .js 설치 완료 npm install [package] npm init -> 패키지 정렬 ! npm uninstall [package] -> 삭제 npm i express -> 웹 페이지 프레임 워크 설치..
Node.js CoolSMS를 사용하여 백엔드 api로 문자 SMS 발송 하는 방법 알려드립니다. https://www.npmjs.com/package/coolsms-node-sdk coolsms-node-sdk CoolSMS SDK for Node.js(Server Side Only). Latest version: 2.0.1, last published: a year ago. Start using coolsms-node-sdk in your project by running `npm i coolsms-node-sdk`. There are 3 other projects in the npm registry using coolsms-node-sdk. www.npmjs.com npm install 를 꼭 해주셔야합니다. CoolSMS를 사용하여 api로 문자 발송을 해볼려고합니다. 회원가입을 해줍니다. 체..
Javascript 문법 - [ ...변수 ] : 스프레드 연산자(spread)에 대해 설명해줄께 !! Spread Operator 기본 문법 스프레드 연산자를 사용하면 배열, 문자열, 객체 등 반복 가능한 객체 (Iterable Object)를 개별 요소로 분리할 수 있습니다. // Array var arr1 = [1, 2, 3, 4, 5]; var arr2 = [...arr1, 6, 7, 8, 9]; console.log(arr2); // [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ] // String var str1 = 'paper block'; var str2 = [...str1]; console.log(str2); // [ "p", "a", "p", "e", "r", " ", "b", "l", "o", "c", "k" ] 스프레드를 안쓰고 이렇게 하는건 안되나 ? var arr1 = [1,..
[React.js] useReducer 사용 방법에 대해 알아보자 import "./App.css"; import { useState, useReducer } from "react"; function App() { // useState const [count, setCount] = useState(0); function down() { setCount(count - 1); } function up() { setCount(count + 1); } function reset() { setCount(0); } // useReducer function countReducer(oldcount, action) { if (action === "UP") { return oldcount + 1; } else if (action === "DOWN") { return oldcount - ..
Node.js - Nodemon 사용방법 : 서버 셧다운 필요없는 자동 서버 재실행 in 우분투 나는 우분투 사용자이다 Nodemon 설치 시 발생했던 문제점 적어보았다. 1. npm install nodemon -> 설치 위 명령어로 설치를 하게 되면 nodemone : 명령을 찾을 수 없습니다 해당 에러를 마주하게 된다 . -> npm uninstall nodemon 으로 삭제를 해주고 -> npm install -g nodemone -> 설치 -g : 이건 컴퓨터 전역에서 해당 모듈을 사용할 수 있도록하는 명령어이다. npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories,..
[Docker]DockerHub 사용법 총정리 : Docker 설치 및 실행 https://gmlwjd9405.github.io/2019/02/01/orm.html [DB] ORM이란 - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io ORM(Object-relational mapping)을 단순하게 표현하면 객체와 관계와의 설정이라 할 수 있다. ORM에서 말하는 객체(Object)의 의미는 우리가 흔히 알고 있는 OOP(Object_Oriented Programming)의 그 객체를 의미한다는 것을 쉽게 유추할 수 있을 것이다. 그렇다면 과연 관계라는 것이 의미하는 것은 무엇일까? 지극히 기초적인 이야기지만 개발자가 흔히 사용하고 있는 관계형 데이터베이스를 의미한다. sequalize : j..

반응형