AngelPlayer`s Diary

[TIL] 20240203 개발일지

알고리즘 boj 1182 부분수열의합 boj 2529 부등호^ 오늘은 간단히 순조부 관련 문제를 풀었다. 순열, 조합, 부분집합이 각각 최대 범위가 얼마인지를 잘 알고 있는 것도 중요할 것 같다. 부등호 문제의 경우 일반 순열 방식으로 풀면 시간 초과가 나기에 적절한 조건문을 추가하는 것이 중요하였다. Front-End 배포 테스트 https://angelplayer.tistory.com/531 [Netlify] 웹 서비스 배포하기 (Feat. Github, React) 웹 서비스를 제작한 후 Github Repository에 업로드하고 이를 Netlify를 통해서 배포하는 방법에 대해서 설명드리겠습니다. Goals - React 프로젝트를 웹 상에 배포 To Do - Github에 React 프로젝트 ..
일상/개발 일지 2024. 2. 3. 23:52

[TIL] 20240131 개발일지 (22일 - 31일)

알고리즘 강의 Java에서 Python으로 코딩테스트용 언어를 변경하기로 하였다. 다시 처음부터 공부 필요.. Front-End 글자 줄 넘어가면 ... 처리하기 /* 3줄이상 나오지 않게 하기 */ overflow: hidden; text-overflow: ellipsis; white-space: normal; height: auto; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 참고자료 : https://nh0404.tistory.com/43 한줄이 넘어가는 경우 ellipsis를 사용하는 것은 알고 있었으나, 여러 줄이 넘어가는 경우 조건..
일상/개발 일지 2024. 2. 1. 15:25

[Infra] Github Web 개발 헙업 환경 설정 (Feat. Spring Boot, React)

- Goals 팀원과 협업이 가능하도록 Github에 프로젝트 생성 및 초기 설정 작업 - 개발 환경 및 Tools Windows Github Intellij & Spring boot Vscode & React.js 1. Github 설정 우선 Github에 새로운 Repo를 생성합니다. Settings - Collaborators - Manage access에서 협업할 팀원을 초대합니다. master - develop-fe - develop-be 이번 프로젝트는 BE와 FE 모두 하나의 Repo에서 관리할 것이기 때문에 FE와 BE를 위한 별도의 브랜치를 각각 생성해서 진행할 것입니다. git checkout -b "develop-be" git push --set-upstream origin devel..
Programming/Infra 2023. 12. 13. 08:44

[Baekjoon] 백준 N과 M 시리즈 1~4 (S3 / 순조부) - JS

링크 https://www.acmicpc.net/workbook/view/2052 문제집: N과 M (시리즈) www.acmicpc.net 공통 설명 N과 M 자연수 N과 M이 주어졌을 때 아래 조건을 만족하는 길이가 M인 수열을 모두 구하는 프로그램을 구하시오. 입력 첫 번째 줄 : N M 출력 조건을 만족하는 수열을 출력 중복되는 수열을 여러 번 출력하면 안됨 수열은 공백으로 구분하여 출력 (1) 설명 1부터 N까지 자연수 중 중복없이 M개를 고른 수열 해석 (1, 3) (3, 1)이 가능하므로, 순열 코드 const fs = require('fs'); const inputData = fs.readFileSync('/dev/stdin').toString().split(' '); // const inp..
개인 공부/1Day_1Algo 2023. 10. 23. 08:23

[R3F] Drei, 재질 텍스쳐 매핑

https://github.com/pmndrs/drei GitHub - pmndrs/drei: 🥉 useful helpers for react-three-fiber 🥉 useful helpers for react-three-fiber. Contribute to pmndrs/drei development by creating an account on GitHub. github.com MeshReflectorMaterial 반사를 표현 적용 시 사용함 MeshReflectorMaterial 3D에서 주변환경에 대한 이미지 데이터로 HDR 이미지를 주로 사용함 반짝이는 재질 표현시 사용함 MeshTransmissionMaterial 유리재질 표현 시 사용함 MeshWobbleMaterial 흔들거림 애니메이션..
Web/etc 2023. 10. 20. 08:22

[R3F] Geometry, Material

지오메트리 지오메트리 : 메시의 모양을 정의 모든 지오메트리는 버퍼지오메트리 클래스를 상속받음 어트리뷰트를 가짐 버퍼 지오메트리가 가지는 속성 Position : 형상의 3D차원 정점 Nomal : 모델 면에 대한 수직 벡터 Color : 정점 색상 UV : 텍스터 맵핑을 위한 좌표 Vertex Index : 면 구성을 위한 정점 인덱스 모든 재질은 Matreial class를 상속 받음 점 - Point*Matreial 선 - Line*Matreial 면 - Mesh*Matreial r3f는 drei 로 별도의 재질 컴포넌트를 제공 재질 meshBasicMaterial 광원의 영향을 전혀 받지않음 meshLambertMaterial 반사 하이라이트가 없고 반짝이지 않는 표면 모델의 단순성으로 그래픽 정..
Web/etc 2023. 10. 18. 10:19

[R3F] React Three Fiber 설치 & 기본 개념 정리

Vanilla Three의 경우 간단한 3D 도형이라도 생성하고 화면에 띄우기 위해서는 많은 번거로운 작업이 필요하였습니다. https://angelplayer.tistory.com/491 [Three.js] Three.js 설치 및 기본 사용법 Three.js는 기존의 web에서 3D 객체를 띄우기 위한 라이브러리인 WebGL의 불편함을 개선하고 직관적인 코드를 작성할 수 있도록 만들어진 JS 라이브러리입니다. 1. Three.js 다운로드 https://threejs.org/ Three angelplayer.tistory.com R3F(React Three Fiber)는 React에서 three.js를 효과적으로 사용할 수 있도록 해주는 라이브러리입니다. 가령 Three.js는 객체를 생성하기 위해서..
Web/etc 2023. 10. 17. 09:16

[Yarn] Windows 환경에서 Yarn 최신 버전 적용하기

개발 환경 - Windows 10 - Node v18.16.1 윈도우 환경에서 yarn을 최신 버전으로 설치하기 위해서는 $ corepack enable 구문을 사용하면 됩니다. Internal Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\pnpm' Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\pnpm' 설치 도중 위와 같은 에러가 발생할 수 있는데 CMD창을 관리자 권한으로 실행해서 해결 가능합니다. 정상적으로 잘 설치된 것을 볼 수 있습니다. 하지만 새로운 터미널이나, git bash, powershell에서 업데이트 한 버전이 나오지 않고 기존..
Programming/Infra 2023. 7. 16. 10:52

[JavaScript] 주요 문법 정리

함수 표현 방식 - 함수 선언식 : function 함수명() { } 함수 선언 전에 호출 가능함 - 함수 표현식 : 변수 = function() { } 함수를 함수명 없이 선언한 후 변수에 저장 반드시 함수 선언 후 호출 변수 선언 - 스코프 : 변수의 유효 범위 1) 함수 스코프 : 유효 범위가 함수 내부 (var) 함수 내부에 다른 블록{ }에서 선언된 변수를 사용 가능함 같은 이름으로 중복 선언 가능함 (새로 만들어지는 변수로 기존 변수를 덮어씀) 2) 블록 스코프 : 유효 범위가 블록 내부 (let, const) 다른 블록{ }에서 선언된 변수를 사용할 수 없음 변수 중복선언 불가능 -> const > let > var 순서대로 사용하되, var는 전역 변수 선언 시에만 사용을 권장함 화살표 함..
Web/JS&TS 2022. 7. 20. 18:32

[JS] 영문, 숫자, 특수문자를 10자리 이상 포함하는 정규표현식

어지간해서는 인터넷 검색해서 쓰는데 몇 군데 선택한 곳 모두 에러가 나서 별도로 작성합니다. // 임의의 비밀번호 pw가 있다고 가정 // 정규 표현식 let check = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{10,}$/; // 정규 표현식을 통과하지 못하면 if(!check.test(pw)) { // 처리할 문장 }
Web/JS&TS 2021. 3. 22. 23:18
◀ 1 ▶

티스토리툴바