본문 바로가기
반응형

분류 전체보기

 (393)
Next.js 개발 - 넥스트.js Dynamic Routes 을 어떻게 사용하면 될까? Defining routes by using predefined paths is not always enough for complex applications. In Next.js you can add brackets to a page ([param]) to create a dynamic route (a.k.a. url slugs, pretty urls, and others). 사전에 정의된 경로를 사용하는 라우팅은 복잡한 어플리케이션에 항상 적합하지 않습니다. Next.js 에서는 {}을 사용하여 동적인 라우팅이 가능하게 합니다. import { useRouter } from 'next/router' const Post = () => { const router = useRouter() const { pi..
Javascript 문법 - 구조분해할당(Destructing) 구조분해할당 = 비구조화할당 const child = { name: "준호", age: 30, school: "USC", createdAt: "2021-03-15", } // const name = "joonho" // const age = 30 // const school = "서라벌초등학교" // const createdAt = "2020-01-01" const { name, age, school, createdAt } = child getWelcomeTemplate({ name, age, school }); function getChild() { return { namec: "철수", agec: 13, schoolc: "다람쥐초등학교", } } const { schoolc } = getChild()..
nodejs file list in directory - 파일 리스트를 어떻게 노드 js로 가져 오나? var http = require('http'); var fs = require('fs'); var url = require('url'); // 모듈 (node.js) var app = http.createServer(function(request,response){ var _url = request.url; var queryData = url.parse(_url, true).query; var pathname = url.parse(_url, true).pathname if (pathname == '/') { if (queryData.id== undefined) { fs.readdir('./data', function(error, filelist){ console.log(filelist); }) var ..
React-Native 앱 개발 : 로또 번호 생성하기(React.js로 중복 되지 않는 랜덤 수 뽑아내기) [로또 번호 생성] 일단 expo 앱을 설치해준다. 맥북으로 코딩하였는데 맥북에 react-native 설치하는건 다음 포스팅에.... npx create-expo-app AwesomeProject cd AwesomeProject npx expo start 에디터로 vscode를 실행해준다. 핵심 ! 1에서 45까지의 숫자 중 뽑아내는 6개의 랜덤 값이 중복이 안 되도록 하여 출력해줘야 한다. 이것 저것 찾아 봤는데 내가 개발한 중복 되지 않는 랜덤 값 생성 자바스크립트 코드가 초심자가 보기에 좋을 것 같다 function loadingLotto() { let lotto_num_list = []; let random_num = 0; for (let i = 0; i < 6; i++) { random_num..
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 바인딩을 사용하여 데이터를 저장하는 속성과 데이터를 표시하고 변경하는 보기 간에 양방향 연결을 만듭니다. 바인딩은 데이터를 직접 저장하는 대신 속성을 다른 곳에 저장된 정보 소스에 연결합니다. 예를 들어 재생과 일시 중지 사이를 전환하는 버튼..
C# 개발 - 라즈베리 파이에서 온습도 데이터베이스 C# 차트로 표현 가능! 서동우(교육), [16.09.20 18:22] # -*- coding:utf-8 -*- import mysql.connector; import Adafruit_DHT as Sensor from datetime import datetime import time Maria = mysql.connector.connect(host="localhost", user="root", passwd="너의암호", database="mydb"); Cursor = Maria.cursor(); while True : Humi, Temp = Sensor.read_retry(Sensor.DHT11, 4) d = datetime.today().strftime('%Y-%m-%d %H:%M:%S') Query = "INSERT INTO..
iOS Swift 클래스 vs 스트럭트 Class vs Struct 어떤걸 써야하나 클래스와 구조체는 프로그램의 코드를 조직화 하기 위해 일반적으로 사용합니다. OOP를 위한 필요 요소이기도 합니다. Swift는 다른 프로그래밍 언어와 다르게 interface파일과 implementation파일을 분리해서 만들지 않아도 됩니다. 하나의 파일에 구조체나 클래스를 정의하면, Swift가 자동으로 알아서 해당 클래스와 구조체를 사용할 수 있는 인터페이스를 생성해 줍니다. 클래스와 구조체의 비교 (Comparing Classes and Structures) Swift에서 클래스와 구조체는 많은 공통점이 있습니다. 클래스와 구조체 둘다 다음과 같은 기능이 가능합니다. 값을 저장하기 위한 프로퍼티 정의 기능을 제공하기 위한 메소드 정의 subscript 문법을 이용해 특정 값을 접근할 수 있는 s..
장애인 개발원 BF 개발 1일차 보호되어 있는 글입니다.
반응형

티스토리툴바