Si__u.log https://velog.io/ Sat, 06 Jul 2024 18:44:31 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed Si__u.log https://velog.velcdn.com/images/si__u/profile/4632573c-9c1b-4a6a-af9c-b414d68508b4/social_profile.png https://velog.io/ Copyright (C) 2019. Si__u.log. All rights reserved. <![CDATA[톰켓 강제 종료]]> https://velog.io/@si__u/%ED%86%B0%EC%BC%93-%EA%B0%95%EC%A0%9C-%EC%A2%85%EB%A3%8C https://velog.io/@si__u/%ED%86%B0%EC%BC%93-%EA%B0%95%EC%A0%9C-%EC%A2%85%EB%A3%8C Sat, 06 Jul 2024 18:44:31 GMT 서버를 종료한 상태인데 작동 중이라고 뜬다.

해결방안

  • sudo lsof -i:8080 (톰켓 port 번호) 입력한다.
  • PC Password 입력한다.
  • 리스트에 나오는 PID 확인하여 kill -9 [PID] 입력한다.

참고

https://lemagnolia.tistory.com/4

]]> <![CDATA[org.apache.el.parser.ParseException 오류해결방법]]> https://velog.io/@si__u/org.apache.el.parser.ParseException-%EC%98%A4%EB%A5%98%ED%95%B4%EA%B2%B0%EB%B0%A9%EB%B2%95 https://velog.io/@si__u/org.apache.el.parser.ParseException-%EC%98%A4%EB%A5%98%ED%95%B4%EA%B2%B0%EB%B0%A9%EB%B2%95 Fri, 28 Jun 2024 00:33:09 GMT 1. 오류 메세지

2. 원인

  • JSTL로 코드 작성하면서 ${}을 사용할 때 '}'을 잘못 기입하였다.

3. 문제 코드

4. 해결방법

  • 올바르게 '}'를 작성하면 된다.
<button id="deleteReply" name="${qna.getQna_id()},${qna.getGroup_id()},${qna.getQora()}" onclick="del(this)">삭제</button>
]]> <![CDATA[procedure에서 같은 내용 두 번 저장하는 오류 발생 시]]> https://velog.io/@si__u/procedure%EC%97%90%EC%84%9C-%EA%B0%99%EC%9D%80-%EB%82%B4%EC%9A%A9-%EB%91%90-%EB%B2%88-%EC%A0%80%EC%9E%A5%ED%95%98%EB%8A%94-%EC%98%A4%EB%A5%98-%EB%B0%9C%EC%83%9D-%EC%8B%9C https://velog.io/@si__u/procedure%EC%97%90%EC%84%9C-%EA%B0%99%EC%9D%80-%EB%82%B4%EC%9A%A9-%EB%91%90-%EB%B2%88-%EC%A0%80%EC%9E%A5%ED%95%98%EB%8A%94-%EC%98%A4%EB%A5%98-%EB%B0%9C%EC%83%9D-%EC%8B%9C Tue, 18 Jun 2024 01:03:43 GMT 🚨결제 정보 저장 procedure에서 같은 내용 두 번 저장하는 오류 발생!

♟️ 문제 해결 전 procedure 코드

--결제정보 저장 프로시저 CREATE OR REPLACE PROCEDURE PAY_INSERT_PROC (NP_CUS_ID IN PAYMENT.userId%TYPE, NP_CART_ID IN NUMBER, NP_RECIP_NAME IN PAYMENT.RECIPIENT_NAME%TYPE, NP_RECIP_PHONE IN PAYMENT.RECIPIENT_PHONE%TYPE, NP_RECIP_POSTCODE IN PAYMENT.postCode%TYPE, NP_RECIP_ADDR IN PAYMENT.RECIPIENT_ADDRESS%TYPE, CNT OUT NUMBER) IS
VCART CART%ROWTYPE; CURSOR C1 IS SELECT * FROM CART WHERE CART_ID = NP_CART_ID; BEGIN
// open cursor OPEN C1; LOOP FETCH C1 INTO VCART.CART_ID,VCART.USERID,VCART.PERFORMANCE_ID, VCART.PERFORMANCE_NAME,VCART.RESERVATION_SEATS, VCART.TOTAL_RESERVATION_SEATS,VCART.TOTAL_PAYMENT_AMOUNT;
// insert구문 INSERT INTO PAYMENT VALUES(PAYMENT_ID_SEQ.NEXTVAL, NP_CUS_ID, VCART.PERFORMANCE_ID, VCART.PERFORMANCE_NAME, SYSDATE, NP_RECIP_NAME, NP_RECIP_PHONE,NP_RECIP_POSTCODE, NP_RECIP_ADDR, VCART.RESERVATION_SEATS,VCART.TOTAL_RESERVATION_SEATS, VCART.TOTAL_PAYMENT_AMOUNT);
EXIT WHEN C1%NOTFOUND; END LOOP; CLOSE C1; CNT:=1; END; /

♟️ 문제 해결

  • C1%NOTFOUND상태라면 insert 전에 Loop에서 나가야 한다.
    즉, EXIT WHEN C1%NOTFOUND; insert문 전으로 옮기면 된다.

♟️ 문제 해결 후 procedure 코드

--결제정보 저장 프로시저 CREATE OR REPLACE PROCEDURE PAY_INSERT_PROC (NP_CUS_ID IN PAYMENT.userId%TYPE, NP_CART_ID IN NUMBER, NP_RECIP_NAME IN PAYMENT.RECIPIENT_NAME%TYPE, NP_RECIP_PHONE IN PAYMENT.RECIPIENT_PHONE%TYPE, NP_RECIP_POSTCODE IN PAYMENT.postCode%TYPE, NP_RECIP_ADDR IN PAYMENT.RECIPIENT_ADDRESS%TYPE, CNT OUT NUMBER) IS
VCART CART%ROWTYPE; CURSOR C1 IS SELECT * FROM CART WHERE CART_ID = NP_CART_ID; BEGIN
// open cursor OPEN C1; LOOP FETCH C1 INTO VCART.CART_ID,VCART.USERID,VCART.PERFORMANCE_ID, VCART.PERFORMANCE_NAME,VCART.RESERVATION_SEATS, VCART.TOTAL_RESERVATION_SEATS,VCART.TOTAL_PAYMENT_AMOUNT;
EXIT WHEN C1%NOTFOUND;
// insert구문 INSERT INTO PAYMENT VALUES(PAYMENT_ID_SEQ.NEXTVAL, NP_CUS_ID, VCART.PERFORMANCE_ID, VCART.PERFORMANCE_NAME, SYSDATE, NP_RECIP_NAME, NP_RECIP_PHONE,NP_RECIP_POSTCODE, NP_RECIP_ADDR, VCART.RESERVATION_SEATS,VCART.TOTAL_RESERVATION_SEATS, VCART.TOTAL_PAYMENT_AMOUNT);
END LOOP; CLOSE C1; CNT:=1; END;

]]> <![CDATA[이클립스 톰켓 버전 추가하기]]> https://velog.io/@si__u/%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4-%ED%86%B0%EC%BC%93-%EB%B2%84%EC%A0%84-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0 https://velog.io/@si__u/%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4-%ED%86%B0%EC%BC%93-%EB%B2%84%EC%A0%84-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0 Thu, 13 Jun 2024 12:24:23 GMT ♟️ Runtime Environments에 새로운 톰켓 추가하기

1. 원하는 톰켓 다운로드 한 후에 압축파일을 풉니다.

2. 이클립스 설정-Runtime Environments-Add를 선택합니다.(저는 이미 9버전을 넣은 상태입니다.)

3. 추가하길 원하는 톰켓 버전을 선택합니다.

4. Browse..을 클릭한 후 압축해제한 파일을 찾아서 선택합니다. JRE를 선택합니다.

♟️ 서버에 추가하기

  • 방금 추가한 톰켓버전을 선택하여 추가하면 됩니다.
]]> <![CDATA[e325: attention 해결법]]> https://velog.io/@si__u/e325-attention-%ED%95%B4%EA%B2%B0%EB%B2%95-y0xt2vnk https://velog.io/@si__u/e325-attention-%ED%95%B4%EA%B2%B0%EB%B2%95-y0xt2vnk Wed, 12 Jun 2024 05:12:33 GMT e325: attention 해결하기

1. 'r' 키를 눌러 복구합니다.

2. 복구 후 [:wq!] 명령어를 사용하여 저장종료합니다.

3. rm {파일명.swp}명령어를 입력하여 .swp 파일을 삭제합니다.

rm .../.bash_profile.swp

4. 다시 들어가보면 오류가 뜨지 않는 것을 확인할 수 있습니다.

참고

https://namse0k.tistory.com/14

]]> <![CDATA[인용부호가 요구됩니다.]]> https://velog.io/@si__u/%EC%9D%B8%EC%9A%A9%EB%B6%80%ED%98%B8%EA%B0%80-%EC%9A%94%EA%B5%AC%EB%90%A9%EB%8B%88%EB%8B%A4 https://velog.io/@si__u/%EC%9D%B8%EC%9A%A9%EB%B6%80%ED%98%B8%EA%B0%80-%EC%9A%94%EA%B5%AC%EB%90%A9%EB%8B%88%EB%8B%A4 Sat, 08 Jun 2024 17:49:22 GMT '인용부호가 요구됩니다' 오류

해결방법은 간단하다. 인용부호를 붙이면 된다.

내 경우 jsp:useBean의 class 다음에 ""를 빠져있어서 넣으니 해결되었다!

]]> <![CDATA[Mac) 이클립스에서 JSP 웹페이지 작성하기]]> https://velog.io/@si__u/Mac-%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4%EC%97%90%EC%84%9C-JSP-%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%9E%91%EC%84%B1%ED%95%98%EA%B8%B0 https://velog.io/@si__u/Mac-%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4%EC%97%90%EC%84%9C-JSP-%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%9E%91%EC%84%B1%ED%95%98%EA%B8%B0 Sun, 26 May 2024 02:37:46 GMT 1. 서버 프로젝트 생성하기

1-1. 서버 Runtime Environments 추가하기

🚨JRE는 본인에게 맞는 버전을 선택하면 됩니다.

1-2. 서버 프로젝트 생성하기

2. 웹 프로젝트 생성하기

2-1. 웹 프로젝트 생성하기

2-2. jsp 파일 생성하기

2-3. jsp 웹페이지 작성하기

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>welcome</title>
</head>
<body>
<h1>welcome jsp</h1>
</body>
</html>

2-4. 톰캣 서버에 프로젝트 등록하기

3. JSP 웹페이지 보기

♟️결과

]]> <![CDATA[Mac) ORA-17002, ORA-12505]]> https://velog.io/@si__u/Mac-ORA-17002-ORA-12505 https://velog.io/@si__u/Mac-ORA-17002-ORA-12505 Sat, 25 May 2024 13:11:26 GMT 1. ORA-17002

oracle sql developer 실행시 17002 오류가 떠서 터미널에서 docker ps --all를 했는데 다음과 같이 뜬다.

Cannot connect to the Docker daemon at unix:///Users/ansiu/.colima/default/docker.sock. Is the docker daemon running?

1-1. colima 실행

colima start 🚨 생각보다 시간 오래걸림 주의!

1-2. 컨테이너 이름 확인 후 도커 재실행

docker ps -a docker restart {컨테이너 이름}



2. ORA-12505

이렇게 해결됐다고 생각한 후 sql developer를 실행하니 12505 오류가 떴다!

해결방법은 간단하다. 다음과 같이 이름만 바꿔서 사용자 재접속을 하면 된다.

]]> <![CDATA[Mac) 이클립스와 Tomcat 연동하기]]> https://velog.io/@si__u/Mac-%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4%EC%99%80-Tomcat-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0 https://velog.io/@si__u/Mac-%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4%EC%99%80-Tomcat-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0 Fri, 24 May 2024 00:09:08 GMT 1. Tomcat 설치

2. 이클립스 설치

3. 이클립스 환경설정

3-1. 기본 웹 브라우저 설정하기

3-2. 텍스트 인코딩 설정하기

3-3. 캐릭터 인코딩 설정하기

CSS Files

HTML Files

JSP Files

3-4. 탭 간격 조절하기

]]> <![CDATA[Servlet이란]]> https://velog.io/@si__u/Servlet%EC%9D%B4%EB%9E%80 https://velog.io/@si__u/Servlet%EC%9D%B4%EB%9E%80 Wed, 22 May 2024 23:16:00 GMT 1. Servlet의 JSP의 차이점

♟️ Servlet

  • 서버환경에서만 돌아간다.
  • 자바이지만, 그 안에 문자열 형태로 html이 있다.
  • 네트워크로 클라이언트에게 html을 전달한다.

♟️ JSP

  • Servlet의 단점을 보안한 프로그램이다.
  • html로 보이지만 서블릿이다.
    (내부에서 서블릿으로 변환해서 프로그램이 돌아간다.)
  • 그 안에 자바언어를 비슷하게 사용할 수 있다.

2. Servlet의 실행과정

  • 클라이언트가 페이지를 요청한다.
    (get 또는 post 방식으로 요청한다.)
  • 요청한 페이지가 Html이면 WAS가 찾아서 보내준다.
  • 요청한 페이지가 Servlet이면 WAS는 이 페이지가 있는지 확인한다.
  • 있다면 HttpServletRequest와 HttpServletResponse 객체를 생성한다.
  • 해당 Servlet 객체를 생성하고, 사용자의 요청을 처리할 Thread를 생성한다.
    (HttpServletRequest는 모든 요청 정보를, HttpServletResponse는 모든 응답 정보를 가지고 있다.)
  • Servlet의 service() 메소드를 호출하고, 요청방식(get,post)에 따라서 어떤 메소드를 호출할지 결정한다.
  • 요청방식에 따라 doGet() 또는 doPost()메소드를 호출할 때, 매개변수로 HttpServletRequest와 HttpServletResponse 두어 사용자의 요청을 처리하고, 응답을 작성한다.
  • 작성된 응답을 클라이언트에 전송한다.
  • Thread는 소멸한다.

3. GET 방식과 POST 방식

♟️ GET 방식(url)

  • 서버에 있는 정보를 가져오기 위해 설계되었다.
  • 240바이트까지 전달할 수 있다.
  • QUERY_STRING 환경변수를 통해 전달된다.
  • 형식 : http://xxx.xxx.co.kr/servlet/login?id=tom&name=ari
  • URL노출로 보안성이 요구되는 경우에는 사용할 수 없다.
  • anchor안에 줄 수 있다.

♟️ POST 방식

  • 서버로 정보를 올리기 위해 설계되었다.
  • 데이터크기가 무제한이다.
  • 헤더에 데이터가 들어가서, 보안에 안전하다.
  • 폼안에서만 넣을 수 있다는 제한이 있다.

4. Servlet의 라이프 사이클 관련 메소드 정리

♟️ init() :

  • Servlet 객체를 디폴트 생성자를 이용해 생성할 때, init()메소드를 사용해서 서블릿 객체를 초기화한다.
  • 한 번만 호출된다.

♟️ service() :

  • HTTP 메소드를 참조하여 doGet()을 호출할지, doPost()를 호출할지 결정한다.
  • 요청이 있을 때마다 호출된다

♟️ destroy() :

  • Servlet이 소멸될 때 호출된다.
  • 자원해제와 관련된 작업을 한다.
    • init() 메소드와 같이 한 번만 호출된다.
]]> <![CDATA[Mac OS 톰켓 설치 및 실행]]> https://velog.io/@si__u/Mac-OS-%ED%86%B0%EC%BC%93-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%8B%A4%ED%96%89 https://velog.io/@si__u/Mac-OS-%ED%86%B0%EC%BC%93-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%8B%A4%ED%96%89 Wed, 22 May 2024 09:40:28 GMT 1. Tomcat 설치하기

https://tomcat.apache.org/download-10.cgi

  • url에 접속해서 최신버전으로 다운로드한다.
  • 리눅스와 맥의 경우 tar.gz을 클릭한다.
  • 파일 압축을 푼다.

2. Tomcat 실행하기

2-1. 터미널을 실행한다.

2-2. 아래와 같이 'cd 압축해제한 폴더의 bin까지 경로'를 입력한 명령어를 실행한다.

🚨cd 다음 spacebar 한칸이 존재한다.

cd /.../Tomcat/apache-tomcat-10.1.24/bin

2-3. bin으로 들어왔다면 다음과 같은 명령어를 실행하여 Tomcat 실행한다.

🚨만약 이클립스에서도 서버를 실행하고 있다면 사이트 연결이 제대로 되지않는다. 기존 서버는 중지시키고, 다음 명령어를 실행해야 한다.

./startup.sh

그러면 터미널에 Tomcat started.라는 문구가 뜬다.

2-4. 웹브라우저에 다음과 같은 url을 입력한다.(tomcat의 포트는 8080이다.)

http://localhost:8080/

2-5. Tomcat을 종료하기 위해서는 다음과 같은 명령어 실행한다.

./shutdown.sh

localhost 페이지를 새로고침하면 사이트 연결되지 않음을 볼 수 있다.

]]> <![CDATA[정수 내림차순으로 배치하기]]> https://velog.io/@si__u/%EC%A0%95%EC%88%98-%EB%82%B4%EB%A6%BC%EC%B0%A8%EC%88%9C%EC%9C%BC%EB%A1%9C-%EB%B0%B0%EC%B9%98%ED%95%98%EA%B8%B0 https://velog.io/@si__u/%EC%A0%95%EC%88%98-%EB%82%B4%EB%A6%BC%EC%B0%A8%EC%88%9C%EC%9C%BC%EB%A1%9C-%EB%B0%B0%EC%B9%98%ED%95%98%EA%B8%B0 Fri, 10 May 2024 01:59:17 GMT 1. 문제설명

함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다.

2. 제한사항

n은 1이상 8000000000 이하인 자연수입니다.

3. 입출력 예시

n return
118372 873211

4. solution

import java.util.*;
class Solution {
    public long solution(long n) {
        String num = "" + n;
        String[] arr = num.split("");
        StringBuffer sb = new StringBuffer();
        Arrays.sort(arr, Comparator.reverseOrder());
        for (String data : arr) {
            sb.append(data);
        }
        return Long.parseLong(sb.toString());
    }
}

5. 풀이

  • Arrays.sort(arr, Comparator.reverseOrder());
    배열을 내림차순으로 정렬한다.
  • StringBuffer sb = new StringBuffer();
    for (String data : arr) sb.append(data);
    StringBuffer를 사용해서 배열을 하나의 문자열로 만든다.
  • Long.parseLong(sb.toString());
    문자열을 정수로 변환

출처

https://school.programmers.co.kr/learn/courses/30/lessons/12933

]]> <![CDATA[삼총사]]> https://velog.io/@si__u/%EC%82%BC%EC%B4%9D%EC%82%AC https://velog.io/@si__u/%EC%82%BC%EC%B4%9D%EC%82%AC Wed, 08 May 2024 14:18:35 GMT 1. 문제설명

한국중학교에 다니는 학생들은 각자 정수 번호를 갖고 있습니다. 이 학교 학생 3명의 정수 번호를 더했을 때 0이 되면 3명의 학생은 삼총사라고 합니다. 예를 들어, 5명의 학생이 있고, 각각의 정수 번호가 순서대로 -2, 3, 0, 2, -5일 때, 첫 번째, 세 번째, 네 번째 학생의 정수 번호를 더하면 0이므로 세 학생은 삼총사입니다. 또한, 두 번째, 네 번째, 다섯 번째 학생의 정수 번호를 더해도 0이므로 세 학생도 삼총사입니다. 따라서 이 경우 한국중학교에서는 두 가지 방법으로 삼총사를 만들 수 있습니다. 한국중학교 학생들의 번호를 나타내는 정수 배열 number가 매개변수로 주어질 때, 학생들 중 삼총사를 만들 수 있는 방법의 수를 return 하도록 solution 함수를 완성하세요.

2. 제한사항

  • 3 ≤ number의 길이 ≤ 13
  • -1,000 ≤ number의 각 원소 ≤ 1,000
  • 서로 다른 학생의 정수 번호가 같을 수 있습니다.

3. 입출력 예시

number result
[-2,3,0,2,-5] 2
[-3,-2,-1,0,1,2,3] 5
[-1,1,-1,1] 0

4. solution

class Solution {
        public int solution(int[] number) {
            int count = 0;
            //i,j,k가 겹치지 않도록 for문을 쓴다.
            for (int i = 0; i < number.length-2; i++) {     
                for (int j = i + 1; j < number.length-1; j++) {
                    for (int k = j + 1; k < number.length; k++) {
                        if (number[i] + number[j] + number[k] == 0) {
                            count++;
                        }
                    }
                }
            }
            return count;
        }
    }

5. 풀이

  • number 배열 안에서 3개의 숫자를 가져올 때, 가져오는 숫자가 중복되면 안된다.
    따라서, int i=0, int j=i+1, int k=j+1로 for문 초기값을 적는다.
  • 문제에 맞추어 가져온 3개의 숫자 합이 0일 때에 갯수를 1씩 더한다.
    if (number[i] + number[j] + number[k] == 0) count++;

출처

https://school.programmers.co.kr/learn/courses/30/lessons/131705

]]> <![CDATA[Mac Os에서 SQL developer 설치 및 연동하기]]> https://velog.io/@si__u/Mac-Os%EC%97%90%EC%84%9C-SQL-developer-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0 https://velog.io/@si__u/Mac-Os%EC%97%90%EC%84%9C-SQL-developer-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0 Tue, 07 May 2024 12:19:17 GMT 1. 전제조건
  • docker와 colima 설치 완료
  • docker 컨테이너 생성 완료
    (SQL developer와 연동하기 위해서는 해당 docker 컨테이너가 실행 상태이어야 한다.)

2. docker와 colima 실행하기

아래 명령어를 입력하여 docker와 colima 실행합니다. colima 실행시 생각보다 시간이 오래 걸릴 수 있으므로 당황하지 마세요😅
이후 명령어의 oraclexe에는 자신의 컨테이너 이름을 넣으시면 됩니다. 이름이 기억나지 않는다면 docker ps -a 명령어를 입력하여 이름을 확인하시면 됩니다.

colima start --memory 4 --arch x86_64
docker start oraclexe

3. SQL developer 설치하기

https://www.oracle.com/database/sqldeveloper/technologies/download/ 오라클 홈페이지에 방문하여 Mac ARM64 with JDK 11 included를 다운로드 및 설치한다.
🚨이때 오라클 개정이 없다면, 만들어야 다운로드가 가능하다.

4. SQL developer 실행하기

SQL developer을 실행한다.
🚨SQL developer를 처음 실행하면, 환경설정 임포트 확인이라는 경고창이 뜨는데 아니오를 선택한다.

5. SQL developer에서 사용자 등록하기

왼쪽 상단에 초록색 '+'모양을 클릭하면 다음과 같은 창이 나타난다.

  • Name : 로컬-사용자이름
  • 사용자 이름 : 등록할 사용자 이름
  • 비밀번호 : 컨테이너 만들 때 비밀번호를 입력한다.
  • 비밀번호 저장 : 비밀번호 저장에 체크하면 접속할 때마다 비밀번호를 입력하지 않아도 된다.
  • 1.테스트 2.저장 3. 접속 순서로 클릭한다.

6. 사용자 접속/접속해제하기

사용자 접속하기 사용자 접속 해제하기

]]> <![CDATA[Mac Os에서 SQL plus를 이용하여 사용자 만들기]]> https://velog.io/@si__u/Mac-Os%EC%97%90%EC%84%9C-SQL-plus%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-%EC%82%AC%EC%9A%A9%EC%9E%90-%EB%A7%8C%EB%93%A4%EA%B8%B0 https://velog.io/@si__u/Mac-Os%EC%97%90%EC%84%9C-SQL-plus%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-%EC%82%AC%EC%9A%A9%EC%9E%90-%EB%A7%8C%EB%93%A4%EA%B8%B0 Sun, 05 May 2024 15:26:43 GMT 이전 게시글에서 Mac Os에서 SQL plus를 실행하는 것까지 진행했는데요! https://velog.io/@si__u/Mac-Os에서-Oracle-DB-sql-developer-사용하기


오늘은 SQL plus를 이용하여 사용자를 만들어 보겠습니다.
## 1. docker와 colima 실행하기 아래 명령어를 입력하여 docker와 colima 실행합니다. colima 실행시 생각보다 시간이 오래 걸릴 수 있으므로 당황하지 마세요😅
이후 명령어의 oraclexe에는 자신의 컨테이너 이름을 넣으시면 됩니다. 이름이 기억나지 않는다면 docker ps -a 명령어를 입력하여 이름을 확인하시면 됩니다. 
colima start --memory 4 --arch x86_64
docker start oraclexe

2. SQL plus 실행하기

아래 명령어를 입력하여 SQL plus 실행합니다. 이후 user-name에는 system, password에는 자신의 컨테이너 패스워드를 입력하시면 됩니다.

docker exec -it oraclexe sqlplus

3. 사용자 만들기

create user c##scott identified by 123456;
grant connect, resource, dba to c##scott;
connect c##scott/123456;
  • 사용자 만들기
    • create user c##scott identified by 123456;
    • user-name이 c##scott이고, 패스워드가 123456인 사용자가 만들어 집니다. 원하는 user-name과 password를 입력하면 됩니다.
    • sql문에서  ; 는 문장의 끝을 의미합니다.
    • "User created."뜨면 성공!
    •   <li>권한 부여하기
    • grant connect, resource, dba to c##scott;
    • connect는 DBMS에 접속권한이다.
    • resource는 table, view, index를 생성할 수 있는 권한이다.
    • dba는 최고 권한이다.
    • "Grant succeeded."뜨면 성공!
      <li>접속하기
 <ul>
  <li>connect <span style="color:red">c##scott</span>/<span style="color:red">123456</span>;</li>
<li>사용자 이름이 c##scott인 사용자로 접속합니다.</li>
<li>"Connected."뜨면 성공!</li>
]]> <![CDATA[Mac Os에서 Oracle DB, SQL plus 사용하기]]> https://velog.io/@si__u/Mac-Os%EC%97%90%EC%84%9C-Oracle-DB-sql-developer-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 https://velog.io/@si__u/Mac-Os%EC%97%90%EC%84%9C-Oracle-DB-sql-developer-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 Sat, 04 May 2024 15:31:25 GMT 1. 전제 조건
  • MacOs에서 Oracle database를 사용하기 위해서는 docker와 colima를 설치해야 해야합니다.(오라클에서는 mac os를 지원하지 않기 때문입니다.🥲)
  • home brew가 설치되었다는 가정하에 진행하도록 하겠습니다.

2. docker와 colima 설치

home brew가 설치되어 있다면 docker와 colima 설치는 간단합니다. 터미널을 실행하고 아래 명령어를 입력하면 됩니다.

brew install docker
brew install colima

3. colima 실행하기

터미널에 아래 명령어를 입력한 후 done이 뜨면 성공입니다. 생각보다 시간이 오래 걸리니 당황하지 마세요😅

colima start --memory 4 --arch x86_64

아래 명령어를 입력하면 현재 실행 중인 docker를 볼 수 있습니다. 아마 지금은 비어있을 것입니다.

docker ps

또는 아래 명령어를 입력하면 중지 상태인 docker도 조회할 수 있습니다.

docker ps -a

나중에 docker이름을 바꾸고 싶다면 아래 명령어를 입력하시면 됩니다.

docker rename 이전이름 새로운이름

4. 처음 docker 컨테이너 실행하기

docker run \
 --restart unless-stopped \
 --name oraclexe \
 -e ORACLE_PASSWORD=123456 \
 -p 1521:1521 \
 -d \
 gvenzl/oracle-xe
  • docker run : 컨테이너를 만들고 시작, 즉 create + start 와 같다.
  • --name :
    컨테이너 이름, 원하시는 이름 입력
  • -e ORACLE_PASSWORD :
    컨테이너의 패스워드, 역시 원하시는 패스워드 입력
  • -p 1521:1521 :
    오라클 포트번호, 그대로 둘 것
  • gvenzl/oracle-xe : 오라클 이미지 다운로드
  • -d : 사용자가 직접 컨테이너 안으로 접근하지 않고 컨테이너의 COMMAND를 백그라운드로 실행할 수 있다.

명령어가 성공적으로 실행되었다면, 아래 명령어를 입력하였을 때 추가된 것을 확인할 수 있습니다.

docker ps

아래 명령어를 실행시 "DATABASE IS READY TO USE!"라는 내용이 나오는지 확인 후
control + c 로 로그화면에서 나오면 됩니다.
🚨앞으로 나올 명령어 중 oraclexe는 위에서 자신이 설정한 컨테이너 이름을 입력하시면 됩니다.

docker logs -f oraclexe

5. SQL plus 실행하기

아래 명령어를 실행하여 SQL plus를 실행합니다.

docker exec -it oraclexe sqlplus

이후 user-name에는 system, password에는 위에서 자신이 설정했던 컨테이너의 패스워드를 입력하시면 됩니다. 패스워드 입력할 때 입력사항이 보이지 않는 것이 정상이니 당황하지 마세요.😅

SQL>이 뜬다면 SQL plus 실행하기 성공입니다.

SQL plus를 종료하고 싶다면 exit 명령어를 입력하면 됩니다.

6. docker와 colima 끝내기

아래 명령어를 입력하여 docker와 colima 끝낼 수 있습니다.

docker stop oraclexe
colima stop

참고

https://velog.io/@devsaza/M1-M2-Mac-OS에서-Oracle-DB-사용하기 https://www.youtube.com/watch?v=yCQD_rZEzZs https://tech.cloudmt.co.kr/2022/06/29/도커와-컨테이너의-이해-1-3-컨테이너-사용법/

]]> <![CDATA[check box를 사용해서 선택한 물품의 결제 금액 계산하기]]> https://velog.io/@si__u/checkedbox https://velog.io/@si__u/checkedbox Fri, 03 May 2024 14:56:30 GMT 1. 설명
  • input type="checkbox" :
    사용시 check box가 생성되고, 각각 항목은 선택하거나 선택하지 않을 수 있다. 즉, 각 항목은 독립적이다.
  • input value="80000" :
    벨류 값은 서버에 보내지거나 현재 값을 가져와 처리한다.
  • label :
    • input의 id를 label의 for에 넣어주면, 글자를 선택하였을 때에도 check box가 선택된다.
    • input type="checkbox" name="hat" id="hat" value="10000" onclick="sumCalc(this)"
      label for="hat"
  • input readonly :
    사용자는 입력할 수 없고, 보기만 가능하다.
  • parseInt(sum.value) :
    벨류 값은 문자열 타입이다. 따라서 계산하기 위해서 parseInt() 함수를 사용하여 숫자 타입으로 바꾸어 준다.
  • obj.checked :
    리턴 값이 boolean 타입이다. check box를 선택했다면 true, 선택하지 않았다면 false를 반환한다.
  • onclick="sumCalc(this)" :
    • onclick : check box 클릭했을 때
    • this : this가 쓰여졌던 바로 그 테그 자신

2. 코드

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>물품을 선택하면 금액 자동계산</title>
  <script>
    function sumCalc(obj){
      let sum = document.querySelector("#sum");
      if(obj.checked){
        sum.value = parseInt(sum.value) + parseInt(obj.value);
      }else{
        sum.value = parseInt(sum.value) - parseInt(obj.value);
      }
    }
  </script>
</head>
<body>
  <h1>물품을 선택하면 금액이 자동계산됩니다.</h1>
  <hr>
  <input type="checkbox" name="hat" id="hat" value="10000" onclick="sumCalc(this)">
  <label for="hat">모자 1만원</label>
  <input type="checkbox" name="bag" id="bag" value="80000" onclick="sumCalc(this)">
  <label for="bag">가방 8만원</label>
  <input type="checkbox" name="shoes" id="shoes" value="30000" onclick="sumCalc(this)">
  <label for="shoes">구두 3만원</label>
  <label for="sum">지불하실금액</label>
  <input type="number" name="sum" id="sum" readonly value="0">
</body>
</html>

3. 결과

]]> <![CDATA[select, option 사용해서 이미지 바꾸기]]> https://velog.io/@si__u/select-option-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%84%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B0%94%EA%BE%B8%EA%B8%B0 https://velog.io/@si__u/select-option-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%84%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B0%94%EA%BE%B8%EA%B8%B0 Thu, 02 May 2024 14:56:12 GMT 1. 설명
  • document.querySelector(); :
    id, class, tag 등으로 해당하는 객체를 찾아주는 함수이다.
  • onchange :
    select box 안의 값이 변할 때를 나타낸다.
  • onload :
    img나 body가 로드될 때를 나타낸다.
  • .selectedIndex :
    현재 select box에서 선택한 option을 나타내는 index를 반환해준다.
  • .options[index].value :
    option 테그는 따로 객체를 찾지 않아도 select 객체를 찾아서 .options[index]를 하여 가져올 수 있다.
  • innerHtml :
    테그 안에 텍스트 뿐만아니라 html도 가져온다. 즉 컨텐츠를 가져온다.
  • innerText :
    테그 안에 텍스트만 가져온다.
  • 백틱 ` :
    백틱 사이에 ${}사용하여 변수를 넣을 수 있다.
  • 람다식으로 addEventListener 사용하기 :
    • 작성순서
      1. .addEventListener("언제",그때 처리할 함수);
      2. 언제 : onload, onchange 등 on을 빼고 나머지를 적는다.
      3. .addEventListener("load",()=>{};);
      4. 함수를 구현한다.
      5. .addEventListener("load",()=>{ imgSize.innerHTML = `${myImg.width}*${myImg.height}`;});

2. 코드

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>onload로 이미지 크기 출력</title>
  <script>
    function changeImage(){
      let imgName = document.querySelector("#imgName");
      let imgSize = document.querySelector("#imgSize");
      let imgName2 = document.querySelector("#imgName2");
      let myImg = document.querySelector("#myImg");

      let index = imgName.selectedIndex;
      myImg.src = imgName.options[index].value;
      imgName2.innerHTML = imgName.options[index].innerHTML;
      myImg.addEventListener("load",()=>{
        imgSize.innerHTML = `${myImg.width}*${myImg.height}`;
      });
    }
  </script>
</head>
<body>
  <h1>onload로 이미지 크기 출력</h1>
  <hr>
  <form action="#" method="post">
    <select name="imgName" id="imgName" onchange="changeImage()">
      <option value="./images/apple.png">사과</option>
      <option value="./images/banana.png">바나나</option>
      <option value="./images/mango.png">망고</option>
      <option value="./images/strawberry.png">딸기</option>
    </select> 
    <span id="imgSize"></span>
    <span id="imgName2"></span>
    <br><br>
    <img id="myImg" src="./images/apple.png" alt="이미지">
  </form>
</body>
</html>

3. 결과

]]> <![CDATA[초에 따라 배경색 바꾸기]]> https://velog.io/@si__u/%EC%B4%88%EC%97%90-%EB%94%B0%EB%9D%BC-%EB%B0%B0%EA%B2%BD%EC%83%89-%EB%B0%94%EA%BE%B8%EA%B8%B0 https://velog.io/@si__u/%EC%B4%88%EC%97%90-%EB%94%B0%EB%9D%BC-%EB%B0%B0%EA%B2%BD%EC%83%89-%EB%B0%94%EA%BE%B8%EA%B8%B0 Tue, 30 Apr 2024 13:26:06 GMT 1. 설명
  • 버튼을 클릭하면 현재시간을 보여주고,
    초가 짝수인지 홀수인지에 따라 배경색이 달라진다.
  • Date 객체 이용하여 시, 분, 초 가져오기
    • Date 객체 생성 :
      const date = new Date();
    • 시간 가져오기 :
      let hour = date.getHours();
    • 분 가져오기 :
      let minute = date.getMinutes();
    • 초 가져오기:
      let second = date.getSeconds();
  • document.querySelector("#spanTime") :
    id가 spanTime인 요소를 가져온다.
  • innerHTML : 콘텐츠를 수정하고 싶을 때 사용한다.
  • document.body : body를 찾는다.
    (객체를 찾으면 style등등 값을 바꿔줄 수 있다.)

2. 코드

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>초에 따라 배경색 바꾸기</title>
  <script>
      //버튼을 클릭할 때 변화
    function change(){
      const date = new Date();
      let hour = date.getHours();
      let minute = date.getMinutes();
      let second = date.getSeconds();
        //초가 짝수일때 홀수일때 배경색을 다르게 준다.
      second % 2 === 0 ? (document.body.style.backgroundColor = "red") : (document.body.style.backgroundColor = "lightblue"); 
      let spanTime = document.querySelector("#spanTime");
      spanTime.innerHTML = `현재시간보이기 : ${hour}시 ${minute}분 ${second}초`;
    }
  </script>
</head>
<body>
  <h1>배경색 바꾸기 </h1>
  <hr>
  <fieldset>
    <legend>초에 따라 배경색 바꾸기</legend>
    <span id="spanTime">현재시간보이기 : 14시 9분 56초</span>
    <button type="button" onclick="change()">배경색바꾸기, 시간보이기 이벤트</button>
  </fieldset>
</body>
</html>

3. 결과

]]> <![CDATA[배열을 이용해서 별찍기]]> https://velog.io/@si__u/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%B0%B0%EC%97%B4%EB%A1%9C-%EB%B3%84%EC%B0%8D%EA%B8%B0 https://velog.io/@si__u/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%B0%B0%EC%97%B4%EB%A1%9C-%EB%B3%84%EC%B0%8D%EA%B8%B0 Tue, 30 Apr 2024 13:06:43 GMT 1. 설명
  • 배열 만들기

2. 코드

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>배열로 만들어서 별표찍기</title>
</head>
<body>
  <h1>배열로 만들어서 별표찍기</h1>
  <hr>
  <script>
      const NUMBER_COUNT = 6;
      //배열 만들기
    const numArray = Array();
    //배열에 무작위 숫자 넣기
    for(let i=0;i<NUMBER_COUNT;i++){
      numArray[i] = parseInt(Math.random()*(30-5+1)+5);
    }
    //배열 출력하기
    document.write(`const numArray = [`);
    for(let i=0;i<numArray.length;i++){
      i === numArray.length-1 ? (document.write(`${numArray[i]}`)) : (document.write(`${numArray[i]} , `));
    }
    document.write(`] <br>`);
    //배열에서 값을 불러와서 별 찍기
    for(let i=0;i<numArray.length;i++){
      let value = numArray[i];
      for(let j=0;j<value;j++){
        document.write(`*`);
      }
      document.write(` ${value} <br>`);
    }
  </script>
</body>
</html>

3. 결과

]]>