본문 바로가기
728x90
반응형
SMALL

IT 인터넷532

[블록체인/NFT] 이미지 생성부터 오픈씨까지 (Mumbai/Polygon) 간단하게 아래 프로젝트에 들어있는 이미지를 이용할께요. https://github.com/HashLips/hashlips_art_engine GitHub - HashLips/hashlips_art_engine: HashLips Art Engine is a tool used to create multiple different instances of artworks bas HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers. - GitHub - HashLips/hashlips_art_engine: HashLips Art Engine is a tool used to.. 2022. 4. 30.
[Golang] 텍스트 파일 읽고 랜덤 아이템 추출하기 list.txt 김씨 이씨 박씨 강씨 최씨 송씨 홍씨 main.go package main import ( "bufio" "fmt" "math/rand" "os" "time" ) func main() { file, _ := os.Open("list.txt") defer file.Close() result := make([]string, 0) scanner := bufio.NewScanner(file) for scanner.Scan() { result = append(result, scanner.Text()) } rand.Seed(time.Now().UnixNano()) for i := 0; i < 3; i++ { rnd := rand.Intn(len(result)) fmt.Println(result[rn.. 2022. 4. 29.
[RDS] 타임존(TimeZone) 변경하기 기본 파라미터 그룹은 타임존을 변경할 수 없어요. 그래서 새 파라미터 그룹을 생성한 다음 인스턴스들에 할당해요. 파라미터 그룹 생성 버튼을 클릭해요. 파라미터 그룹 패밀리를 RDS 인스턴스 유형에 맞게 설정해요. 파라미터 그룹 이름은 Aurora의 경우 클러스터와 그냥 파라미터 그룹 2개를 한 번씩 별도로 생성해야 해요. 그룹 이름과 설명은 클러스터와 일반을 동일하게 해도 되요. 클러스터 파라미터 그룹의 time_zone을 변경해요. 이제 데이터베이스의 클러스터와 인스턴스를 위에서 만든 파라미터 그룹으로 변경해요. 주의! 인스턴스는 재부팅을 해야 적용되요. 영어, 중국어 공부중이신가요? 홈스쿨 교재. 한 권으로 가족 모두 할 수 있어요! 한GLO 미네르바에듀 : 네이버쇼핑 스마트스토어 한글로 영어가 된다.. 2021. 9. 29.
[RDS] PRIMARY KEY 정렬하기 (AUTO_INCREMENT) 가끔씩 에러로 인해 로그가 너무 많이 쌓일 때 있죠. 그러면 pk 값이 너무 커져서 삭제한 만큼 앞으로 당기고 싶잖아요. 그때 사용하면 돼요. ('pk'가 PRIMARY KEY 이름이에요) ALTER TABLE `logs` AUTO_INCREMENT=1; SET @COUNT = 0; UPDATE `logs` SET pk = @COUNT:=@COUNT+1; 주의! 꼭 테이블 옵션에서 다음으로 시작할 pk 값을 지정하세요. (AUTO_INCREMENT) 영어, 중국어 공부중이신가요? 홈스쿨 교재. 한 권으로 가족 모두 할 수 있어요! 한GLO 미네르바에듀 : 네이버쇼핑 스마트스토어 한글로 영어가 된다?! 한글로[한GLO]는 영어 중국어 일어 러시아어 스페인어가 됩니다!! smartstore.naver.com 2021. 9. 9.
[React Native] 타일형 버튼 세트 구현하기 버튼을 탭하면 선택된 버튼만 다른 모양이 되는 버튼 세트에요. import React, {useState} from 'react'; import {SafeAreaView} from 'react-native'; import styled, {css} from 'styled-components/native'; const ContainerBox = styled.View` width: 100%; `; const TitleText = styled.Text` text-align: center; font-size: 35; `; const TopBox = styled.View` flex-direction: row; width: 100%; align-items: center; background-color: white; .. 2021. 7. 24.
[React.js] 반복문으로 객체 생성하기 :: v-for of Vue.js Vue.js에는 v-for가 있죠. JSX는 아래와 같이 사용해요. import React from 'react'; function App() { return ( 시작! {Array.from({ length: 8 }, (_, i) => ( {i + 1}번째 라벨 ))} 끝! ); } export default App; 영어, 중국어 공부중이신가요? 홈스쿨 교재. 한 권으로 가족 모두 할 수 있어요! 한GLO 미네르바에듀 : 네이버쇼핑 스마트스토어 한글로 영어가 된다?! 한글로[한GLO]는 영어 중국어 일어 러시아어 스페인어가 됩니다!! smartstore.naver.com 2021. 7. 19.
[React.js] useMemo와 useEffect 함수형 컴포넌트에서 외부의 데이터를 가져와야 할 때가 있죠. useMemo와 useEffect를 쓸 수 있어요. 둘 다 두 번째 파라미터로 외부 데이터의 변경을 관찰할 수 있는데요. 만약 useEffect(함수, []) 이렇게 빈 배열을 넣으면 처음에 딱 한 번만 함수가 실행되고요. useEffect(함수, [props.value])라고 하면 props.value가 변경될 때마다 함수가 실행되요. 함수형 컴포넌트는 생명주기(componentDidMount, componentDidUpdate, ...) 메소드가 없어서 useEffect로 대신 구현하기도 해요. 먼저 useMemo 예제를 보죠. Main 컴포넌트는 1초마다 값을 바꾸는 역할만 해요. import React, { Component, useEf.. 2021. 7. 19.
[React.js] 단숨에 리덕스 익히기 :: react-redux 글로벌 이벤트라고 생각하면 편해요. 실제는 그렇지 않겠지만 스토어는 리듀서들을 가진 오브젝트고, 실제 데이터는 리듀서에 들어있다고 생각해보세요. store.reducer.data 파일 하나로 끝낼께요. import React from 'react'; import { Provider, useDispatch, useSelector } from 'react-redux'; import { createStore, combineReducers } from 'redux'; ///////////////////////////////////////// // // Main // ///////////////////////////////////////// function Main() { const dispatch = useDi.. 2021. 7. 17.
[React.js] 단숨에 스타일링 익히기 :: styled-components SCSS 같은거라 보면 돼요. 설치할께요. npm install --save styled-components 상속도 되고 구조화도 가능해요. 종합 예제를 만들어봐요. import styled, { css } from 'styled-components'; const BoxParent = styled.div` padding: 50px; `; const Box = styled(BoxParent)` background-color: ${(props) => props.bgColor}; color: red; // &는 this와 같은 의미 & > div { color: blue; ${(props) => props.bgColor === 'grey' && css` color: yellow; `} } `; function.. 2021. 7. 17.
[React.js] 단숨에 라우팅 이해하기 :: Routing 리액트로 여러개의 페이지를 구축할 수 있어요. 주소창에 /admin, /user 등을 입력하면 서로 다른 페이지를 보여주는거죠. 그걸 라우팅이라고 불러요. 우선 간단하게 해시를 이용할께요. 주소창에 /#a를 입력하면 A 컴포넌트를 보여주고 /#b를 입력하면 B 컴포넌트를 보여주면 될 것 같네요. import { useState } from 'react'; function A() { return A 페이지; } function B() { return B 페이지; } function App() { const [hash, setHash] = useState(document.location.hash); function onHashChanged() { setHash(document.location.hash); }.. 2021. 7. 17.
[React.js] 단숨에 JSX 알아보기 React.createElement()를 많이 쓰면 코드 파악이 어려워요. 그래서 HTML과 유사한 방식으로 컴포넌트들을 생성할 수 있도록 JSX가 나왔어요. create-react-app으로 프로젝트를 생성해요. npx create-react-app jsxtest src/App.js를 열어보면 div, img, p, a 등 익숙한 태그들이 보이죠? 컴파일 하면 HTML로 변환되지만 현재 상태는 리액트 컴포넌트에요. class 대신 className을 쓰고 for 대신 htmlFor를 쓰는 등의 차이가 있어요. import logo from './logo.svg'; import './App.css'; function App() { return ( Edit src/App.js and save to relo.. 2021. 7. 17.
단숨에 React.js 이해하기 :: create-react-app 없이 index.html 파일 하나로 끝내보죠. react.js와 react-dom.js만 있으면 돼요. 에 이걸 넣어요. ReactDOM으로 리액트의 루트를 원하는 위치에 끼워넣는다고 생각하면 돼요. 이번엔 클래스 컴포넌트를 만들어 봐요. 이번엔 함수 컴포넌트를 만들어 봐요. 클래스 컴포넌트의 props에 값을 넘겨봐요. 컴포넌트를 재사용할 수 있어요. 함수 컴포넌트의 props에도 값을 넘겨요. 클래스 컴포넌트는 생성주기에 따라 자동으로 호출되는 메소드가 있어요. 태그를 생성할 때 속성값을 넣을 수 있어요. 태그로 해보죠. 한 번 보여주고 끝나는 페이지는 재미없죠? 클래스 컴포넌트에는 state라는 속성과 setState라는 메소드가 있어서 값이 변할 때마다 render가 다시 호출되요. 화면을 다시 그린.. 2021. 7. 17.
[Golang] 웹사이트 헬스 체크 :: Website Health Check 노마드 강의 듣고 기억을 더듬어 코딩했어요. 그래서 코드가 조금 달라요. 일단 고루틴을 안 썼더니 평균 3.5초가 나오네요. package main import ( "fmt" "net/http" "time" ) var urls []string = []string{ "https://yeastudio.kr", "https://google.com", "https://naver.com", "https://yahoo.com", "https://kakao.com", "https://facebook.com", "https://twitter.com", } func main() { tm := time.Now() for _, v := range urls { res, err := checkURL(v) fmt.Println(.. 2021. 5. 5.
[Python] import 와 from...import * 의 차이 import import math print(math.sqrt(4)) # math로 부터 호출 from ... import * from math import * print(sqrt(4)) # 내부 함수처럼 직접 호출 영어, 중국어 공부중이신가요? 홈스쿨 교재. 한 권으로 가족 모두 할 수 있어요! 한GLO 미네르바에듀 : 네이버쇼핑 스마트스토어 한글로 영어가 된다?! 한글로[한GLO]는 영어 중국어 일어 러시아어 스페인어가 됩니다!! smartstore.naver.com 2021. 4. 24.
[Golang] VSCode에서 실행 시 에러가 난다면... VSCode에서 Run 했는데 아래와 같은 에러가 나나요? go: go.mod file not found in current directory or any parent directory; see 'go help modules' 터미널에서 아래 코드를 실행하세요. go env -w GO111MODULE=auto 2023.02.05 - [IT 인터넷/Golang] - Go 언어를 ChatGPT에게 배우다 :: Golang Go 언어를 ChatGPT에게 배우다 :: Golang [ 설치 ] MacOS에서 Go (Golang)을 설치하는 방법은 다음과 같습니다. Go의 최신 버전을 다운로드합니다: https://golang.org/dl/ 다운로드한 파일을 압축 해제합니다. 압축 해제한 폴더를 /usr/local.. 2021. 4. 23.
728x90
반응형
LIST

티스토리툴바