전체 글 (81) 썸네일형 리스트형 [three.js][typescript] - Shader THREE.JS도 WEBGL 기반이기 때문에 Shader(GLSL)등을 활용할 수 있다. 눈이 온다던지 파도 물결을 표현한다던지 할 때 후처리(Post-Processing) 작업을 할 때 많이 사용한다. TMI) 내가 일하는 곳에서는 보통 정점 쉐이더와 프래그먼트 쉐이더를 사용하는 것 같다. 다음의 사이트를 참고하여 학습하였다. three.js docs threejs.org 기존에 학습하던 모델에 Shader 기반의 코드를 올려보았다. 위와 같이 태양의 포지션과 그로 인해 발생하는 광원들을 확인할 수 있다. 그래서 이게 왜 쉐이더냐?? 사실 추가한 코드는 위의 10줄이 전부이다만 해당 Sky 클래스를 import하는 애드온의 코드를 확인해볼 필요가 있다. thr.. 아파치 타일즈 주의할 점 1. css, js import순서 매우 중요... 하아ㅣㅇㄴ머랜먇ㄱ허ㅐㅑㅁㄱㅎㅁㅎㅁㄱ홈ㄱ홈 2. js에서 요소가 없을 경우를 대비해 방어적 코딩한다 옵셔널 체이닝과 if문 활용... [PostgreSQL] PostgreSQL UPSERT 알아보기 PostgreSQL을 이용해 데이터가 존재하지 않으면, INSERT 데이터가 존재하면, UPDATE를 수행하도록 해보자. INSERT ... ON CONFLICT (unique_column) DO UPDATE 12345INSERT INTO my_table (id, name, value)VALUES (1, '테스트', 100)ON CONFLICT (id) DO UPDATE SET name = EXCLUDED.name, value = EXCLUDED.value; Colored by Color Scriptercs insert 문을 수행하고 PK 혹은 UNIQUE인 id가 에러가 발생하면 DO 이후의 업데이트 문을 실행한다. WITH ... SELECT를 사용한 INSERT 또는 UPDATE 1.. [Spring] MyBatis CamelCase 적용하기 대부분 DB를 사용할때 칼럼명을 SnakeCase로 짓는다. 하지만 자바쪽의 변수명등은 CamelCase로 짓는 것이 일반적이다. 그렇기 때문에 Mybatis를 사용하는 경우, 보통 이를 편리하게 사용하기 위해 xml 설정을 해준다. Spring을 사용하는 경우는, src/main/resources 하위에 mybatis-config.xml 란 파일이 존재할 것이며, 전자정부를 사용하는 프로젝트의 경우는, src/main/resources 하위에 mapper-config.xml란 파일이 존재할 것이다. 나의 경우는 전자정부 프로젝트였으며, mapUnderscoreToCamelCase네임의 설정이 스프링이 제공해주는 매핑 설정이다. ++++ CamelCase로 되어있는 DB의 칼럼을 읽을 때.. [Git]이클립스 Git Author, Committer 이메일 수정하기 window - preference로 사진의 User Settings에 접속하거나 gitconfig 파일의 email, name을 수정해주면 된다. [IfcOpenShell]IfcOpenShell을 이용한 Clash Detetction(충돌 감지) 글에 앞서 해당 유틸은 블렌더 환경에서 사용하는 것을 권장하지만 커맨드 라인으로 간단하게 json 타입의 결과를 확인할 수 있다. 먼저 IfcOpenShell을 이용해 Clash Detection을 수행하기 위해선 다음의 설치들이 필요하다. 파이썬IfcOpenShellIfcClash 파이썬 설치는 생략하고 pip install ifcopenshellpip install ifcclash pip 명령어로 다음 util들을 설치해준다. IfcClash - IfcOpenShell 0.8.0 documentationPrevious IfcCityJSONdocs.ifcopenshell.org 위 가이드 홈페이지를 참고하면 다음과 같이 명령어에 대한 설명을 확인할 수 있다. $ python -m ifccla.. 2024.11.22 1. 파일등록 input type = file에 multiple 옵션시 다중 업로드 extend type Query { testQuery( input1: String = null input2: String! input3: [String]! ): testCollection! @hasServerRole(role: SERVER_USER)} 2. graphQl에서 배열은 [String]으로 3. vo에서 int대신 Integer를 쓰자. int는 ajax등의 요청할 때 null 값을 못받는다. 4. 폼태그 입력시 $.ajax({ "type":"POST", "url":"특정url", "data":"queryData", :{ "특정헤더":"특정헤더" }.. [Error] PSSecurityException, UnauthorizedAccess yarn으로 노드 패키지를 실행하려는 도중 위 이미지와 같은 에러가 발생하였다. 대부분 Set-ExecutionPolicy를 Unrestricted로 변경시키면 해결된다곤 하지만 나의 경우 처음부터 Unrestricted였다. 이런 경우 임시 방편으로 위와 같이 일시적으로 실행 정책을 Bypass로 설정해준다면 yarn을 포함한 모든 스크립트가 제한 없이 실행 된다. 하지만 보안의 문제가 발생할 수 있고, 세션을 종료하면 원래 실행 정책으로 돌아가기 때문에 임시방편으로 사용하면 좋을 것 같다. 이전 1 2 3 4 ··· 11 다음