타닥타닥 개발자의 일상

App.tsx import React, { useState } from "react"; import { Button, Text, TextInput, View } from "react-native"; let glTag:String //사용되지 않는 함수 function MyFunc(props:any){ console.log(props.name) props.setText('Money') return {props.name} } export default function App(){ const [ inputTextValue, setInputTextValue ] =useState("") const [text,setText] = useState("") //setInputTextValue에 text값을 입력하는 함수..

따로 생성해야될 폴더나 파일은 없다. App.tsx import React, { useState } from "react"; import { Alert, FlatList, Image, ScrollView, SectionList, StyleSheet, Text, TextInput, View } from "react-native"; //scrollView,Image,TextInput export default function App(){ return( Hello World ) } App.tsx 구현시 안드로이드 화면 App.tsx import React, { useState } from "react"; import { Alert, FlatList, Image, ScrollView, SectionList, S..

특별히 생성하는 파일이나 폴더는 없다. App.tsx import React, { useState } from "react"; import { Button, Text, View } from "react-native"; /* class App extends React.Component{ constructor(props:any){ super(props) this.state = { count:0 } } render() { return( You clicked{ this.state.count } times this.setState({count: this.state.count+1})}/> ) } } export default App */ const App =() =>{ const[count,setCount] = u..

Export / Import로 모듈 구현하기 src 폴더 생성 > src 폴더 안에 screens 폴더 생성 > screens 폴더 안에 NamedExportModuel.tsx/NamedImportModuel.tsx 생성 NamedExportModule.tsx import React from "react" import { Text, View } from "react-native" //변수 const sampleVar = "sample variable" //함수 const sampleFunc = () => "sampleFunc() 호출함" //number=소수+정수 const sampleNumFunc = (num1:number,num2:number) => (num1*num2) //Object == json..

npx react-native init (프로젝트명) --template react-native-template-typescript 위의 명령어로 구현된 프로젝트가 생성되면 좌측 콘솔에 cd 프로젝트명 npm start 우측 콘솔에 cd 프로젝트명 npm run android 입력하여 설정 완료하기 위에 명시된대로 순서대로 입력하면 콘솔창이 아래와 같아진다. 생성된 프로젝트 폴더에 있는 App.tsx 파일 열고 아래와 같이 입력한다음 저장해보자. import React from "react" import {SafeAreaView, Text} from "react-native" /* export default function App(){ //상수 const str:String = 'Hello World' ..

폴더 및 파일구성 코딩 하기 전 AndroidManifest.xml / build.gradle 파일을 수정해 사전 설정을 완료해야한다. 사전설정 AndroidManifest.xml build.gradle(:app) plugins { id 'com.android.application' id 'kotlin-android' } android { compileSdk 32 defaultConfig { applicationId "com.example.mydocument" minSdk 21 targetSdk 32 versionCode 1 versionName "1.0" testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" } buildTypes { ..

기본적 세팅은 아래글 https://developerson.tistory.com/114 페이징은 아래글을 참고해서 만든 게시판이다. https://developerson.tistory.com/116 별도의 설명 없이 우선 코드만 백업할 예정. 이제 이걸 이해하는건 온전히 내 몫이다. 이해가 될때까지 계속 보는수 밖엔 없겠지 Spring Boot 스프링 부트를 이용한 백엔드 폴더 및 파일 구조 DatabaseConfig.java package mul.camp.a; import javax.sql.DataSource; import org.apache.ibatis.session.SqlSessionFactory; import org.mybatis.spring.SqlSessionFactoryBean; import ..

게시판에 글이 많이 늘어나면 한 페이지 안에서 많은 글을 보기 불편하다. 그래서 한 페이지당 글을 10개/20개 식으로 볼수 있도록 페이지를 나누곤 한다. 페이지당 볼수 있는 게시물을 나누는 행위를 페이징이라고 한다. https://github.com/josecebe/twbs-pagination GitHub - josecebe/twbs-pagination: jQuery pagination plugin (bootstrap powered) jQuery pagination plugin (bootstrap powered). Contribute to josecebe/twbs-pagination development by creating an account on GitHub. github.com 상기의 깃허브를 들..

크롤링을 하기 위해선 maven repository에서 jsoup jar 파일을 다운 받아야 한다. https://mvnrepository.com/artifact/org.jsoup/jsoup/1.13.1 위의 페이지에서 본인이 원하는 jsoup 버전을 선택하고 jar 파일을 다운 받으면 된다. 나는 사람들이 제일 많이 사용하는 1.13.1 버전을 다운 받았다. jar 파일을 다운 받았다면 eclipsep에서 새로운 프로젝트를 생성해준다. File > New > Dynamic Web Project를 생성한다. 나는 Crawling 이라는 이름의 Web Project를 생성했다. WebContent의 lib 파일에 다운받은 jsoup jar파일을 저장한다. 이제 파일 크롤링에 필요한 패키지 및 클래스 파일을..

이런 구조로 되어있는 페이지를 만들 예정. frontend는 이클립스와 자바를 이용해서 backend는 springboot를 이용할 예정이다. DB는 오라클을 사용할 예정. 이미 MEMBER라는 이름의 DB table이 오라클에 있어서 MEMBER2 라는 테이블을 만들었다. SQL Developer로 자료를 입력할시에는 꼭 커밋도 해준다. commit; 만 해주면 끝. MEMBER2 쿼리문 //테이블 삭제 DROP TABLE MEMBER2 //테이블 생성 CREATE TABLE MEMBER2( ID VARCHAR(50) PRIMARY KEY, PWD VARCHAR(60) NOT NULL, NAME VARCHAR(50) NOT NULL, EMAIL VARCHAR(150) UNIQUE, AUTH NUMBER..