일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- git
- sqld
- 알고리즘
- QuerySetAPI
- 셀프넘버
- vitepwa
- 플로이드워셜
- queryset
- Python
- 머신러닝종류
- Django
- db
- PWA
- TypeScript
- Javascript
- 백준
- SSAFYcial
- 싸피10기
- unionfind
- 싸피셜
- react
- VITE
- 14658
- 리액트
- SQL
- 데코레이터
- js
- 싸피
- SSAFY
- pwa적용하기
- Today
- Total
목록전체 글 (162)
Meme's IT
안녕하세요! 싸피 10기는 현재 특화 프로젝트를 마무리하고 있습니다.특화 프로젝트에서는 다들 새로운 기술들을 많이 도입해서 프로젝트를 진행하는 것 같더라고요!저희 조도 MSA, YOLO 등 다양한 기술을 새로 배우면서 진행 중입니다! 그중 저는 Three.js라는 것을 새로 접해서 사용해보고 있는데요,왕기초지만! 함께 뭔지 알아볼까요? 🔎 Three.js 그게 뭔데?Three.js는 웹페이지에 3D인 객체를 쉽게 랜더링 할 수 있도록 도와주는 자바스크립트 라이브러리입니다.Three.js를 검색하다 보면 같이 나오는 WebGL이라는 것도 있는데,Web Graphics Library의 약자로 점, 선, 삼각형 등을 그리는 단순한 시스템이기 때문에 WebGL만으로 원하는 모델을 만들기는 힘듭니다. 그래서..
배경 consult라는 type이 상당히 긴데, 자주쓰임 아이고 불편해…그래서 따로 빼서 import 하려고 함 해 보 자 고 src/types/DataTypes.ts 라는 파일을 만들어 주고, // DataTypes.ts // 고민 타입 export type consultType = { consultId : number, memberId : number, title : string, content : string, categoryId : number } 이런식으로 export를 바로 하면서 넣어주자 만약 여러개가 되어도 // DataTypes.ts // 고민 타입 export type consultType = { consultId : number, memberId : number, title : str..
배경 api요청을 하는 함수를 따로 빼놓고, import해서 불러와서 사용함 근데 함수 돌아가기 전에 set어쩌구를 했더니 결과가 화면에 안나옴(= 저장이 안됨) 그래서 비동기를 위해 async await 사용하고자 함 근데 타입 지정 어떻게 해야함? 공식 문서에서는 Promise 을 쓰라고 합니다. 해결한 코드 // 우선 함수가 들어있는 ts파일 import axios from "axios"; // 고민 타입 type consultType = { consultId : number, memberId : number, title : string, content : string, categoryId : number } // try-catch 사용했을 때 async function getConsults(): ..
프로젝트를 진행하면서, 그림 심리 검사를 하는 기능을 넣게 되면서 그림그리는 기능이 필요하게 되었다. 하고싶은건 캐치마인드처럼 웹에서도 마우스로 그릴 수 있고, 우리 프로젝트는 웹앱 기반이 될 것이기 때문에 터치로도 그릴 수 있는 기능으로 하고 싶었다. 프로젝트 환경 React + TypeScript 우선, 리액트를 쓰기 때문에 라이브러리가 엄청 많아서 처음에는 라이브러리를 이용해서 그림을 그릴려고 했다. 후보 1. 이 분야에서 제일 많이 쓰는 것 같아 보이던 Fabric.js Introduction to Fabric.js. Part 1. — Fabric.js Javascript Canvas Library Introduction to Fabric.js. Part 1. Today I'd like to in..
우선 설치부터, tailwind npm install -D tailwindcss postcss autoprefixer Next UI npm i @nextui-org/react framer-motion 이제 설정해주자 tailwind.config.js에서 /** @type {import('tailwindcss').Config} */ const {nextui} = require("@nextui-org/react"); export default { content: [ "./index.html", "./src/**/*.{js,ts,jsx,tsx}", "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, da..
기본 세팅 : typescript, react 기본적으로는 input 태그 사용 이런식으로 안보이는 input 태그 생성 그러고 나서 react의 useRef를 이용해서 const fileInput = useRef(null); 이런식으로 다룰 변수를 하나 만들어줌 그리고 file을 저장하기 위해 useState를 써서 const [file, setFile] = useState(null) file 변수도 생성 버튼이 눌리면 → 파일 선택이 되도록하기 위해서 버튼 하나 생성 후 onClick 걸어줌 {fileInput.current?.click()}}> 업로드하기 p태그 스타일은 tailwind CSS라 무시가능 그 다음에 input 태그에 fileInput을 ref로, onChange함수를 만들어서 걸어주..
안녕하세요!싸피에서는 2학기에 총 세 번의 프로젝트를 진행합니다.이 때 사용하는 방법이 에자일 방법론입니다. 하지만, 비전공자였던 저는 처음에는에자일 방법론이 대체 뭐길래 계속 강조하는 걸까? 라는 생각을 했었는데요. 공통 프로젝트가 끝난 지금에자일 방법론이 뭔지,싸피에서는 어떤 느낌으로 진행되는지 알아볼까요? 🎯 애자일 방법론이란?우선 애자일(=Agile)이란 '기민한, 날렵한'이라는 뜻으로,에자일 방법은 빠르게 일정한 주기로 계획을 세우고, 꾸준히 고객의 반응을 반영하면서 개발하는 방법입니다. 원래 가장 많이 쓰이던 개발 방법은 워터폴(폭포수) 방법이었습니다. 워터폴 방법은 단계적으로 개발하는 방법으로, 설계를 하고 디자인을 하고 개발을 하고... 이런식으로 순서대로 진행됩니다. 하지만 이러한 워..
우리 뇌의 신경계를 구성하는 뉴런은 외부에서 전달된 물질을 저장하다가 특정 용량이 넘으면 외부에 전달을 하는 구조로 이루어져있다. 즉, 역치값을 넘을 때만 신호로 보낸다. Perceptron (= Single-Layer Neural Network) 이런 뉴런의 구조를 따와서, 가장 기본적인 신경망 구조인 Perceptron도 입력과 가중치를 곱한 것의 합이 역치(임계치)를 넘으면 1, 아니면 0을 출력하는 이진 분류기의 역할을 한다. 입력 벡터 x에 대해서 Wx + b의 형태를 가지며, 여기서 W는 입력에 곱해지는 가중치 파라미터 행렬, b는 역치를 조정하는 오프셋 파라미터이다. Multi-Layer Perceptron(MLP) 하지만 하나의 Perceptron으로는 한계가 존재하므로, 여러 개의 Per..