목록🐾 Programming Lang 35
여씨의 개발이야기
* 파라미터변수? :타입 = 파라미터변수 :타입 | undefined * 타입이 하나로 확정되지 않았을 경우? - Type Narrowing을 해줘야 함(if, else로 type of 체크) - 또는 assertion문법(타입덮어쓰기) * Literal types : 변수에 뭐가 들어올 지 더 엄격하게 관리 가능하며 자동완성 힌트도 줌. const의 업그레이드 느낌 * object 자료를 완전히 잠궈놓기 위해서는 as const * 함수에 타입 지정 가능type NumOut = (x : number, y : number ) => number let ABC :NumOut = function(x,y){ return x + y}
🤔개요websquare에서 submission을 이용한 api 연동 테스트를 해보고자 한다. 🌐개발환경WebSquare Studiojdk17api는 공공데이에서 제공하는 데이터 아무거나 가져옴https://www.vworld.kr/dev/v4dv_2ddataguide2_s002.do?svcIde=smalllibrary https://smart.incheon.go.kr/server/rest/services/Hosted/%EB%85%B8%EC%9D%B8_%EB%B3%B5%EC%A7%80%EC%8B%9C%EC%84%A4_%EC%A0%95%EB%B3%B4/FeatureServer/192/query?where=1%3D1&outFields=*&outSR=4326&f=json 👣 Submission이란?일단 그..
{ "compilerOptions": { "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "commonjs", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext' "allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지 "checkJs": true, // 일반 js 파일에서도 에러체크 여부 "jsx": "preserve", // tsx 파일을 jsx로 어떻게 컴파일할 것인지 'preserve', 'react-native', 'react' "declaration": true, //컴파일시 .d..
🤔개요타입스크립트를 쓰는 이유? 일반적인 자바스크립트는 다이나믹 타입을 지원하는 언어이다. 이래서 장점도 많을 수 있지만 1줄 2줄 3줄,,,, 늘어가는 코드의 줄에 따라 개발자의 영혼가출량은 비례한다. 그렇게 타입에 따른 오류가 많이 발생하곤 하는데, 이를 잡아줄 수 있는 언어로 등장한 것이 바로 타입 스크립트!심지어 오탈자 지적도 해줌 🌐개발환경vscodenode js 최신버전(언제나) 👣 타입스크립트를 사용하려면?1. 일반 프로젝트일 경우 프로젝트 폴더에 npm install -g typescript타입스크립트를 짠 후에는 컴파일 필수! 컴파일이 된 js 파일을 참조해야 한다. 2. 리액트 프로젝트일 경우 2-1. 이미 진행중인 프로젝트 npm install --save typescript @..
🤔개요곧 투입 예정인 프로젝트에서 asis 소스가 spring boot + java + jsp 로 구성되어 있다는 이야기를 듣고 급 끄적여봅니다. 🌐개발환경jdk 17eclipse v2024-09 (4.33.0)spring Tools 4.26 👣Spring boot 프로젝트 생성하는 법Spring boot 프로젝트 생성하는 법은 여러가지 있지만 우리는 eclipse를 이용하여 생성하는걸로!(참고로 Eclipse IDE for Enterprise Java and Web Developers 버전을 설치하면 기본적으로 Spring 프로젝트 생성을 위한 도구가 포함되어 있음)1. STS(Spring Tool Suite) 설치Eclipse에서 Spring 개발을 지원하는 도구로, Eclipse Marketp..
오즈리포트에 대해 이런 저런 정의를 늘여놔봤자 많이들 안 읽는 거 압니다 (나도 그럼ㅋ)기본적인 구성만 짚고 넘어갑니다 오즈리포트를 설치하면 기본적으로 제공되는 도구가 4가지가 있다. 1. OZ Enterprise Manager : 오즈 서버, 스케줄러 서버에 대한 관리 2. OZ Repository Manager : 오즈 서버에 저장되어 있는 보고서 폼 파일(ozr)과 데이터 파일(odi)를 관리 3. OZ Query Designer : 리포트에서 사용할 데이터 셋 정의 및 관리 4. OZ Report Designer : 보고서 양식을 작성하고 쿼리 디자이너의 데이터 셋과 결합 ※ 1, 2는 오즈 리포트의 관리도구이며 3,4는 개발 도구로 사용됨 대체적으로 시작할때 1번을 이용하여 서버와 데이터..
드디어 정리합니다,,, 웹스퀘어에 대해서!곧 들어갈 프로젝트에서 기본적으로 사용중인 UI 툴이 웹스퀘어란 소식을 듣고 구글링을 해보았다.이렇게 연관검색어만 봐도 웹스퀘어는 악명높기로 유명한 UI 툴인 것 같다...그렇다고 내가 이걸 안 쓸 수 있냐? 절대 Nope... 회사에서 쓰라면 써야지예...그래서 유투브 강의 좀 들으며 공부를 해봤는데 이제야 블로그에 조금씩 찌끄려보려한다.나같은 분들이 많을 것 같거든요,,,🥲일단 웹스퀘어란?웹스퀘어5는 글로벌 웹 표준 HTML5 기술 적용과 파워풀한 성능, 개발 생산성과 편의성을 향상시킨 차세대 UI 플랫폼입니다. 쉽고 빠른 코딩을 위해 80여종의 다양한 UI컴포넌트를 제공하고있으며, 복잡한 업무 시스템 화면 개발에 필요한 재사용 가능한 빌트인(built-in..
코딩애플 강좌 듣는 도중 문제가 생겼다. 강좌 내용을 응용하여 반복문을 이용한 div 내에 img 태그를 삽입하려는데, 이 때 변수를 이용해 다양한 이미지를 삽입하고 싶었다. before 처음 시도. :src를 입력한 뒤에 데이터 바인딩을 이용해 반복문의 키값을 넣어주려 했다. 결과는 실패. GET http://localhost:8080/img/assets/room0.jpg 404 (Not Found)라는 에러가 뜨며 모두 엑박이 떴다. {{item}} 가격은? 허위매물신고 신고수 : {{report[i]}} after 이런저런 방법을 찾아본 결과, require를 이용하면 변수를 사용할 수 있다고 한다. 그래서 다음과 같이 작성해보았다. {{item}} 가격은? 허위매물신고 신고수 : {{report[..
