2023/03 6

[React] semantic-ui Button 커스텀 하기

기본 사용 /* index.js */ import {Button} from "semantic-ui-react"; location.href='/'}> 홈 이동 location.href='/'}> 홈 이동 location.href='/'}> 홈 이동 location.href='/'}> 홈 이동 커스텀 /* index.js */ import {Button} from "semantic-ui-react"; location.href='/'}> 홈 이동 /* style.js */ export const BtnWrap = styled.div.attrs(props => ({}))` margin-top: 25px; & .ui.button.btn-1 { color: #fff; padding: 5px 14px; border-..

React 2023.03.22

[React] styled-components 사용 시 클래스 사용

styled-components /* style.js */ export const PageWrap = styled.div.attrs(props => ({}))` color: #1a1a1a; background-color: #ffec9e; `; /* index.js */ import * as Styles from '../styles'; 내용~~~~ 위 형식처럼 style.js 를 import 후 Style. 이후에 export 정의한 스타일명으로 사용 가능하다. 그런데 위 처럼 사용할 때, 여러 페이지에 PageWrap 처럼 동일한 스타일을 적용하면서 일부만 다르게 적용하고 싶을 때는 아래처럼 사용 가능. /* style.js */ export const PageWrap = styled.div.attrs(..

React 2023.03.22

[ChatGPT] API 연동하기

Chat GPT API를 연동해보자. 1. openai.com 에 가입 https://platform.openai.com/ OpenAI API An API for accessing new AI models developed by OpenAI platform.openai.com 2. API Key 생성 우측 상단 계정 아이콘 클릭 후, USER 에서 API Key를 발급 받는다. 주의할 점은, 키 생성 직후에 전체 키를 보여주는데, 이 때가 아니면 다시 키를 볼 수 없으니 꼭 적어놓도록 한다. 키를 잊어버리면 재발급 받아야 함. 3. 사용할 API를 선택한다. https://platform.openai.com/examples OpenAI API An API for accessing new AI models..

ChatGPT 2023.03.13

[Laravel] 파일 생성 시 권한 생성

파일 생성하는 방법 Storage 파사드 이용하여 put 메소드로 저장 // filesystems.php 에 세팅되어있는 'root' 경로로 접근하여 해당 파일명으로 생성 Storage::disk('log')->put('2023-03/2023-03-02-back.log', '내용'); 2. fopen 을 이용하여 파일 저장 // storage 내 해당하는 경로에 기존에 파일이 있는경우 덮어쓰기, 없는경우 새로 생성하기 $fp = fopen(storage_path('logs/2023-03/2023-03-02-back.log), 'w+'); fwrite($fp, ''); fclose($fp); 1번으로 생성 시, 파일 권한이 600 으로 생성되므로, shell 접속 시 vi 등으로 파일을 열지 못함 (per..

Laravel 2023.03.02
반응형