Slowly, Steadily, Surely 👩‍💻

Oracle Cloud 통해 DB를 만들었고, ACL에 내 ip를 등록해줬다. Listener refused the connection with the following error: ORA-12506, TNS:listener rejected connection based on service ACL filtering 그런데 이러한 오류가 떴다. 다 뒤져도 ACL에 ip를 등록하지 않아서 나는 오류라는데.. 난 분명 등록했다.. 여기서 Edit 누르고, 'Add My Ip address' 를 눌렀더니 내가 알던 ip와 다른 ip가 입력되었다.. 알고보니 ipconfig에서 보여지는 ip가 아닌, 공인아이피를 입력해야하는 것!! About - 내 아이피 확인 (My ip address) - ip.pe.kr A..

1. STS 설치 Spring Tools 4 for Eclipse 를 설치 Intellij도 사용해보고 싶었지만, 무료버전에는 제약이 있어서 맘편히 이클립스로 결정! https://spring.io/tools Spring | Tools spring.io 가장 최신 버전을 받았고, jar파일로 받아짐 jar파일명이 굉장히 길기 때문에, sts4로 변경 후에 원하는 디렉토리로 이동시키고 해당 디렉토리에서 cmd를 열어 명령어 입력. java -jar sts4.jar 명령어를 치면 sts-4.22.0.RELEASE 폴더가 생성되고 폴더 내부의 SpringToolSuite4.exe로 설치를 진행. 2. JDK 설치 사용할 sdk가 openJDK 8버전을 권장하기 때문에 8버전으로 설치 - java-1.8.0-o..

0. 첫 렌더링. 코드북 조회. /** 코드 초기값 조회 */ useEffect(() => { getCodeList(); // 코드북 조회 // eslint-disable-next-line react-hooks/exhaustive-deps }, []); 1. 코드북에서 상태에 대한 코드를 가져와서 setJobStausCd 해준다. const [jobStatusCd, setJobStatusCd] = useState([]); 2. 이 화면은 자동조회가 되어서, 코드북 조회 후에는 메인 데이터를 가져온다. 그 데이터는 dsRowData에 넣어준다. const [dsRowData, setDsRowData] = useState([]); 3. 해당 데이터에서 상태id 칼럼이 있는데, id가 아니라 name을 보여주..

ECMAhttps://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8 ECMA스크립트 - 위키백과, 우리 모두의 백과사전위키백과, 우리 모두의 백과사전. ECMA스크립트(ECMAScript, 또는 ES[1])란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표ko.wikipedia.orgJS = ES String문자데이터는 큰따옴표, 작은따옴표, 백틱(`)로 만들 수 있음. 백틱은 ${} 데이터(템플릿 리터럴) 를 문자열에 연결할 때 사용 (보간)리터럴 : 기호를 통해 데이터를 만드는 방식. number에 undefined를 더하게 되면 NaN..

Node.js Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 -> 프로그래밍 언어가 동작하는 환경 -> JavaScript의 문법을 해석하고 그것을 실제로 동작시켜줄 수 있는 엔진 웹브라우저에서는 HTML, CSS, JS만 작동. 개발을 도와주는 모듈을 설치해서 도움을 받고자 할 때, Node.js를 통해서 JavaScript로 변환 필요. https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS 버전 설치. node --version npm NPM(Node Package Manager)은 전 세계의 개발자들이 만든 다..

applyTransaction을 사용하면 된다. const onCellValueChanged = (params: any) => { // 상태가 '추가'가 아니면 상태를 '수정'으로 변경 if (params.data.rowType !== '추가' && params.data.rowType !== '삭제') { params.data.rowType = '수정'; const updatedData = [params.data]; params.api.applyTransaction({ update: updatedData }); } };

- 조건이 있을 때 temp = temp.map((el: any) => (el.index === selectedData[i].index ? { ...el, rowType: '삭제' } : el)); selectedDatas는 현재 선택되어 있는 행을 말한다. (ag grid) 선택되어 있는 index과 temp에 있는 index 값이 같으면 rowType에 '삭제'라는 값을 준다. const newData = callListcp.map((item: any) => ({ ...item, campaignName: initCampaignList?.find((el) => el.cdId === String(item.id))?.cdNm }));

블록(상자) 요소. 제목을 의미하는 요소. (Heading) h1~h6. 숫자가 작을수록 더 중요한 제목을 정의. h1은 대주제라서 난발하기 보다는 h2~h4 많이 씀. 블록(상자) 요소. 문장을 의미하는 요소 (Paragraph). p태그 대신 div을 써도 상관은 없음. 블록(상자) 요소. 순서가 필요없는 목록의 집합을 의미. (Unordered List) 자식으로 li 태그가 꼭 들어가야 함. 블록(상자) 요소. 목록 내 각 항목 (List Item) 사과 딸기 인라인(글자) 요소. 이미지를 삽입하는 요소 (Image). src, alt 필수 속성. 인라인(글자) 요소. 다른/같은 페이지로 이동하는 하이퍼링크를 지정하는 요소. (Anchor) href : 링크 URL target : 링크 URL의 ..

내용 시작(열린) 태그 종료(닫힌) 태그 부모요소, 상위요소 자식요소, 하위요소 빈(Empty) 태그 내용을 채울 수 없기 때문에 속성이 필요한 경우가 많음. (필수속성) ex) meta 태그는 닫힌 태그가 없음. vs 편리함 안전함 HTML5에서는 둘다 사용 가능. 내용 글자와 상자 요소가 화면에 출력되는 특성, 크게 2가지로 구분. 인라인(Inline) 요소 : 글자를 만들기 위한 요소들. 블록(Block) 요소 : 상자(레이아웃)를 만들기 위한 요소들. 대표적인 인라인 요소. 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도. 요소가 수평으로 쌓임. → 포함한 콘텐츠 크기만큼 자동으로 줄어듬. Hello World Hello World - 글자 요소는 가로, 세로 사이즈를 지정할 수 ..

https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 브라우저 스타일 초기화 브라우저마다 여백같은 게 다르기 때문에 초기화 필요함. https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for JS and Open Source Optimized for JS and ESM delivery fr..