공부한거 정리

[JavaScript] CodePen에서 javascript 코드 디버깅하기

바차 — Fri, 19 Apr 2024 11:02:36 +0900

코딩 테스트 풀 때 디버깅하고 싶은 문제 크롬 개발자 도구에서 디버깅 하기

Create a New Pen

Behavior Auto Save If active, Pens will autosave every 30 seconds after being saved once. Auto-Updating Preview If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update. Format on Save If enabled, your co

codepen.io

코드 예시

html

<button id='btn'>button</button>

js(프로그래머스 코딩 테스트 Lv2 - 124 나라의 숫자)

function recursiveCalc(n) {
    if(n == 0) return 0;
    let quotient = Math.floor(n / 3);
    let remain = n % 3;
    return remain == 0 ? recursiveCalc(quotient - 1) * 10 + 4 : recursiveCalc(quotient) * 10 + remain;
}
const button = document.getElementById("btn");
button.addEventListener("click",  () => {
  debugger;
  console.log(recursiveCalc(3));
});

이후 'F12' 를 눌러 개발자 도구 진입

버튼 눌러서 javascript 코드 디버깅 가능

간혹 debugging; 에 안 걸리고 넘어갈 때가 있는데

개발자 도구 킨 상태에서 뒤로가기 버튼 우클릭 - 캐시 비우기 및 강력 새로고침 클릭

에버노트에서 노션으로 가져오기, 마이그레이션 중 오류(무한 로딩) 해결법

바차 — Tue, 6 Sep 2022 12:40:48 +0900

예전에 에버노트에서 노션으로 갈아타고자 기존 데이터를 옮기는 작업을 위해 노션의 가져오기 기능을 사용했으나

계속 노트들을 가져오다가 무한 로딩에 빠지게 되었다.

노션 - Evernote에서 노트북을 가져오는 중

해당 문제를 아무리 검색해봐도 해결 방법이 안나와서 그동안 노션으로 못 가고 있었는데 드디어 해결했다.

[해결법]

1. 먼저 가져올때 오류가 발생하는 노트북을 에버노트에서 "노트북 내보내기" 클릭

2. ENEX로 내보내고

3. 내보낸 .enex 파일을 다시 에버노트로 가져온다.

4. 기존 노트북이 아닌 가져온 노트북을 노션에서 Import하면 정상적으로 가져올 수 있다.

JSONObject와 JSONArray 차이

바차 — Sat, 12 Mar 2022 19:48:18 +0900

- {}로 묶일때는 JSONObject

- []로 묶일때는 JSONArray

JSONObject : 하나 이상의 key-value 쌍을 { }의 중괄호를 이용하여 담고있는 객체 구조

JSONArray : 요소로 문자열, 숫자, 배열, 객체 등을 담을 수 있다.

각각 HashMap VS List로 대입하여 비교
JSONObject는 요소의 순서는 중요하지 않다.
{id: 1, name: 'B'} == {name: 'B', id: 1}

JSONArray는 요소의 순서가 중요하다.
[1,'value'] != ['value',1]

C# - RichTextBox 자동 스크롤 하기

바차 — Tue, 22 Feb 2022 16:03:32 +0900

for (int i = 0; i < 10000; i++)
                {

                    richTextBox1.Invoke(new Action(delegate ()
                    {
                    	//richTextBox1 += i.ToString(); 로 작성시 자동 스크롤 안됨
                        richTextBox1.AppendText(i.ToString());
                        richTextBox1.ScrollToCaret();
                    }));

                }

.ScrollToCaret();를 적용하여도

richTextBox1 += i.ToString();

이런식으로 작성하면 스크롤이 안된다.

자동 스크롤 기능을 구현하기 위해서는 AppendText()를 사용해줘야 한다는 것을 알게 됐다.

Visual Studio: Warning IDE0006 Error encountered while loading the project 경고 해결

바차 — Fri, 11 Feb 2022 09:55:52 +0900

[c# - 경고 IDE0006 프로젝트를로드하는 동안 오류가 발생했습니다.]

Close Visual Studio
Open a Visual Studio Developer Command Prompt
Set environment variable “TraceDesignTime” to true (set TraceDesignTime=true)
Delete .vs directory/.suo file
Restart VS from the command prompt you set the environment varaible (devenv)
Open the solution
Check 'C:\Users\nitesh dandekar\AppData\Local\Temp\HelloWorld_*.designtime.log' and look for the failed tasks (FAILED)

해당 순서를 따라 가서 해결할 예정이다.

1. .VS 파일 삭제

.vs 파일은 해당 프로젝트 안에 숨김파일로 존재한다.

이 폴더를 삭제 후 다음 단계를 진행한다.

2. 개발자 명령 프롬프트 열기

프롬프트를 실행하기 전에 이전에 열어놨던 Visual Studio는 닫아두도록 한다.

개발자 명령 프롬프트를 연 후

set TRACEDESIGNTIME=true

devenv

두개의 명령어를 차례대로 입력한다.

3. 로그파일 확인

그러면 vscode 실행이 되고 이전처럼 빌드를 한다.

다시 경고가 뜨게 되고 이번엔 사전에 설정한대로 로그파일에 해당 에러 정보가 저장되어 있다.

C:\Users\<username>\AppData\Local\Temp 에 로그파일들이 여러개 존재할 것이다.

파일이 많아서 어지럽지만 우리가 원하는 파일은 프로젝트 명으로 적혀있기 때문에 쉽게 찾을 수 있다.

정 찾기 힘들면 로그파일 지웠다가 위에 과정을 진행하면 된다.

로그파일을 열어서 가장 밑으로 내려보면 경고나 에러 내용이 나오게 되고 어디서 문제가 있는지 확인할 수 있다.

Invoke, BeginInvoke, 크로스 스레드 예외

바차 — Mon, 24 Jan 2022 16:36:48 +0900

[Invoke]

- 스레드를 따로 분리하지 않고 시간이 오래 걸리는 계산을 진행하면

그동안 UI 핸들링을 담당하는 MainThread가

UI 컨트롤을 핸들링 하지 못하기 때문에, 계산하는 동안 UI가 멈추고,

제어가 불가능 하며 응답 없음을 출력할 때도 있다.

- 이를 해결하기위해 thread 사용하게 되는데 코딩하여 실행하면 관련 Exception을 보게 된다.

- 메인 스레드가 아닌 다른 스레드에서 ui 컨트롤에 접근하려고 하기 때문이다.

- 이 때 invoke 를 사용하여 실행하려고 하는 메소드의 대리자(delegate)를 실행시키면 해결할 수 있다.

-> Control의 Invoke는 다른 스레드에서 직접 접근할 수 없는 윈폼 컨트롤 작업에 대해 Invoke를 통해 작업 자체를 대리자(delegate)로 위임하여 MainThread가 해당 작업을 실행하게 한다.

Invoke와 BeginInvoke

-> Invoke의 경우, 컨트롤을 생성한 스레드에서 동기식으로 실행하고, BeginInvoke는 비동기식으로 실행합니다.

C# - CancellationToken

바차 — Mon, 24 Jan 2022 16:33:38 +0900

[CancellationToken]

- CancellationToken은 비동기 작업을 취소하는 용도로 사용

- 작업 취소와 관련된 타입은 CancellationTokenSource 클래스와 CancellationToken 구조체

- CancellationTokenSource 클래스는 Cancellation Token을 생성하고 Cancel 요청을 Cancellation Token들에게 보내는 일을 담당

- CancellationToken은 현재 Cancel 상태를 모니터링하는 여러 Listener들에 의해 사용되는 구조체

[CancellationToken 사용 절차]

1. CancellationTokenSource 필드를 선언

-> private CancellationTokenSource cancelTokenSource;

2. CancellationTokenSource 객체를 생성

-> cancelTokenSource = new CancellationTokenSource();

3. 비동기 작업 메서드 안에서 작업이 취소되었는지를 체크하는 코드를 작성

-> if (cancelTokenSource.Token.IsCancellationRequested)

{

return null;

}

4. 취소 버튼이 눌러지면 CancellationTokenSource의 Cancel() 메서드를 호출해 작업 취소를 요청

private void btnCancel_Click(object sender, EventArgs e)

{

cancelTokenSource.Cancel();

}

참고 : https://www.csharpstudy.com/Threads/taskOfT.aspx

Task Of T 클래스 - C# 프로그래밍 배우기 (Learn C# Programming)

C# Task 클래스 Non-Generic 타입인 Task 클래스는 ThreadPool.QueueUserWorkItem()과 같이 리턴값을 쉽게 돌려 받지 못한다. 비동기 델리게이트(Asynchronous Delegate)와 같이 리턴값을 돌려 받기 위해서는 Task 클래

www.csharpstudy.com

Task와 async, await 비교/관계

바차 — Mon, 24 Jan 2022 16:27:12 +0900

https://www.sysnet.pe.kr/3/0/5488

C# 비동기 함수 async, await 와 Task의 관계에 대해 질문 드립니다.

C# 비동기 함수 async, await 와 Task의 관계에 대해 질문 드립니다. [링크 복사], [링크+제목 복사] 조회: 1227 글쓴 사람 종범 (kjb_jh at naver.com) 홈페이지 첨부 파일 부모글 보이기/감추기 비동기 함수와

www.sysnet.pe.kr

비슷한 의문점이 있어 찾아보다 발견하여 참고하였습니다.

[Task와 async, await]

- 기존 비동기 지원 방식 자체가 Delegate의 BeginInvoke 를 이용해 스레드 풀을 이용하는 것만 지원하고 있었기 때문에 비동기 작업 이후의 처리에 제약이 많았다.

-> 이러한 제약을 극복한 것이 Task

-> async/await이 어차피 비동기 호출이 완료된 후, 그 완료 이벤트를 받았을 때 계속 코드를 실행해야 하는 작업을 스레드 풀의 스레드가 담당하게 되는데 자연스럽게 Task로 그 작업을 맡기게 된 것

-> async, await 보다 더욱 세밀하게 제어할 수 있도록 Task를 구현하여 제공

- 결국 async/await 역시 Task 의 기능을 사용하는 것이므로 결과적으로는 SynchronizationContext를 이용해 비동기 처리와 콜백 처리를 하게 된다.

- 둘 다 ThreadPool을 사용하는 것이므로 속도차이는 무시할 정도로 미미하거나 없다.

- 어떤 것을 사용할 것인지는 개발자 취향.

c# Error - NullReferenceException

바차 — Mon, 24 Jan 2022 15:04:10 +0900

NullReferenceException was unhandled by user code

An exception of type 'System.NullReferenceException' occurred in FleckWebsocketServer.exe but was not handled in user code

Additional information: 개체 참조가 개체의 인스턴스로 설정되지 않았습니다.

디버깅 도중 이런 오류가 떴다.

이유는 간단했다.

if문에서 저 runLoop 변수를 초기화 해주지 않은 상태에서 값을 비교했었다.

if(runLoop == null || runLoop.Status == TaskStatus.RanToCompletion)
                                {
                                    MessageBox.Show("loop 실행");
                                    Console.WriteLine("Run " + message + "...");
                                    allSockets.ToList().ForEach(s => s.Send("Echo: Run " + message + "..."));
                                    RunClientLoop();
                                }

Null 체크 하는 습관을 들여야겠다.

C# - Managed DLL, Unmanaged DLL

바차 — Mon, 24 Jan 2022 12:34:03 +0900

Managed DLL과 Unmanaged DLL 대표적으로 나누면

CLR이 제공하는 서비스를 제공 받느냐 못받느냐로 나눌 수 있다.

이름 대로 Managed DLL은 제공 받고, Unmanaged DLL은 제공받지 못한다.

내용을 좀 더 조사해 보았다.

- Managed DLL은 Common Language Runtime (줄여서 CLR) 환경에서 동작.

- Managed DLL은 CLR에 의해 제공되는 실행시의 각종 서비스 (보안 및 메모리 관련)를 받을 수 있는 것을 말한다.
- Managed DLL은 CLR에 의해 해당 컴퓨터에 적합한 기계 언어를 능동적으로 생성하여 범용성을 높였다.

- Managed DLL은 Visual Basic .NET과 C# 컴파일러가 생성

- Unmanaged code는 Visual Studio .NET 2002가 나오기 전에 만든 코드를 말한다.

- Unmanaged DLL은 실행시의 CLR이 제공하는 서비스를 제공받을 수 없다.

- Unmanaged DLL은 가비지 컬렉터가 없으므로 발생할 수 있는 메모리 누수가 발생
- Unmanaged DLL은 컴파일할때 컴퓨터의 환경에 적합한 기계어만 생성하므로 범용성이 매우 낮다.

- Managed Type 클래스는 힙에 생성되면 자동으로 메모리 수거가 이루어 지는 반면 Unmanaged Type 클래스는 사용자가 수거해야 한다.

C# - using문

바차 — Mon, 24 Jan 2022 11:42:26 +0900

https://docs.microsoft.com/ko-kr/dotnet/csharp/language-reference/keywords/using-statement

using 문 - C# 참조

using 문(C# 참조) 이 문서의 내용 --> IDisposable 개체의 올바른 사용을 보장하는 편리한 구문을 제공합니다. C# 8.0부터 using 문은 IAsyncDisposable 개체의 올바른 사용을 보장합니다. 예제 다음 예제에서

docs.microsoft.com

using 문

-IDisposable 개체의 올바른 사용을 보장하는 편리한 구문을 제공

- 관리되지 않는 리소스에 액세스 하는 클래스들을 사용한 후에 적절한 시기에 해제하여 해당 리소스를 다시 반납해야 하지만 사람이 수동적으로 하기에는 번거로운 점이 많다.

- using문을 이용하면 해당 리소스 범위를 벗어나게 되면 자동으로 리소스(자원)을 해제(Dispose)하여 리소스관리를 용이하게 해주는 편리한 구문이다.

이전에 구현한 메모장 스크린샷 프로그램 일부이다.

using문을 사용하고 나서 dispose

//Bitmap 클래스: 그래픽 이미지의 픽셀 데이터를 저장하는 클래스. 픽셀 단위로 데이터를 저장한다.
                using (Bitmap bmp = new Bitmap(rc.Width, rc.Height, pixelFormat))
                {
                    // Bitmap 이미지 변경을 위해 Graphics 객체 생성
                    //FromImage(): 지정된 Graphics에 대한 새 Image를 반환하는 메서드
                    using (Graphics gr = Graphics.FromImage(bmp))
                    {
                        //디바이스 컨텍스트에 대한 핸들을 가져온다.
                        IntPtr dc = gr.GetHdc();


                        bool success = PrintWindow(memoHandle, dc, 0);
                        gr.ReleaseHdc(dc);
                    }
                    bmp.Save("result.bmp");
                    MessageBox.Show("스냅샷 찰영 완료");
                }

HTTP, AJAX, 폴링, 롱폴링 기법, 웹소켓

바차 — Mon, 24 Jan 2022 10:30:32 +0900

HTTP 부터 웹 소켓 까지 각각의 배경, 사용 이유, 각 기능의 장단점을 알아보았다.

[Http]

-> HTTP는 서버와 클라이언트가 인터넷상에서 데이터를 주고받기 위한 프로토콜
-> HTTP는 서버/클라이언트 모델
-> Client가 요청을 보내는 경우에만 Server가 응답하는 단방향 통신. Server로부터 응답을 받은 후에는 연결이 바로 종료
--> 즉각적인 갱신을 요구하는 실시간 통신에서는 불리하다. 다수의 요청을 반복해서 보내야 하기때문에 리소스 낭비가 심함.

[AJAX]

AJAX : 비동기적으로 서버와 통신을 하면서, 동적으로 페이지를 변경하게 한다.
-> http의 단점을 보완해, 웹페이지를 리로드하지 않고 데이터를 불러와 페이지를 부분적으로 변경시킬 수 있다.
-> 비동기 방식을 활용하여 필요한 부분만 불러와 사용할 수 있으므로 큰 장점

-> 단점으로, 어디까지나 일부 랜더링 문제이고, 결국 HTTP 자체를 벗어날 순 없었다.
-> 즉 양방향 통신이 불가능 하다는 점이 단점

[폴링]

-> 양방향 통신을 근접하게 구현하기 위한 방법들
-> 클라이언트가 서버에게 일정한 주기를 가지고 지속적으로 요청 후 응답을 받는 방식

-> 단점으로, 폴링의 주기가 짧으면 성능에 부담이 가고, 주기가 길면 실시간성능이 떨어진다.
-> 서버에서 정보가 변하지 않으면 요청 응답 과정에서 리소스를 낭비하고, 오버헤드 트래픽이 발생한다.

[롱폴링 기법]

-> 이러한 폴링의 문제점을 개선한 방식이다.
-> 클라이언트가 요청을 보냈을 때 그 요청에 대한 연결을 서버가 이벤트가 발생할때까지 가지고 있는 것.
-> 즉 클라이언트에게 받은 요청을 가지고 있다가, 이벤트 발생시 응답.
-> 변경이 빈번하다면 이 역시 얻을 수 있는 이득이 크지 않다.

* 폴링 롱폴링 모두 서버측 푸시 기술을 구현하기 위한 대안이었지만 클라이언트의 요청을 통해야만 서버에게 데이터를 전송 받는다는 한계점 존재.
-> 불필요한 헤더와 높은 트래픽을 야기한다는 단점.

[웹소켓]

-> http의 한계를 극복하고 실시간 서비스를 개발하기 위해 탄생함
-> 사용자의 웹 브라우저에서 서버로 영구 양방향, 전이중 tcp 연결을 위한 통신 프로토콜
(양방향 통신 안에 전이중(쌍방이 동시 송신 가능), 반이중(한쪽이 송신하고 있는 동안은 수신) 이 있다.)

-> 서버와 클라이언트 사이에 웹소켓이 열리면 서버 또는 사용자 둘 중 하나가 세션을 닫을 때까지 언제든지 메시지를 보낼 수 있다.
-> http 요청과 마찬가지로 80번 포트를 통해서 웹서버를 연결한다.
-> 웹소켓은 잘 알려진 기존 포트를 사용하기 때문에 추가로 방화벽을 열지 않고도 양방향 통신을 실현할 수 있다.
-> Client만 필요한 경우에 요청을 보낼 수 있는 Http 프로그래밍과 달리 Socket 프로그래밍은 Server 역시 Client로 요청을 보낼 수 있으며, 계속 연결을 유지하는 연결 지향형 방식이기 때문에 실시간 통신이 필요한 경우에 자주 사용.

-> 단점으로 웹소켓과 http 세션이 서로 다르다는 것. 주기적으로 웹소켓 세션과 서버에 저장하는 http 세션을 동기화하는 모듈을 구현해야 한다는 것.
-> 대용량 트래픽에서는 서버가 클라이언트 수만큼의 연결을 유지해야 한다는 부담 존재.

C# - Application 클래스란?

바차 — Mon, 24 Jan 2022 10:14:10 +0900

[Application]

MSDN의 설명으론

https://docs.microsoft.com/ko-kr/dotnet/api/system.windows.application?view=netcore-3.1

Application Class (System.Windows)

Encapsulates a Windows Presentation Foundation application.

docs.microsoft.com

- WPF 응용 프로그램 관련 기능을 캡슐화 하는 클래스

- 자기 자신(exe)을 래핑하고 제어하는 최상위 클래스

Application 클래스의 주로 사용하는 기능 두 가지

- 윈도우 응용 프로그램을 시작 (Application.Run())하고 종료(Application.Exit())시키는 메소드를 제공.
- 윈도우 메시지를 처리.

[STAThread] 란?

바차 — Mon, 24 Jan 2022 09:52:08 +0900

[STAThread]

해당 메서드가 STA (Single Threaded Arpartment) Thread모델로 실행된다는 것으로 만약 이를 지우면 윈도우 프로그램에 문제가 생기는 경우가 있다.

인터넷에 나와있는 설명은

어플리케이션의 COM 스레드모델이 단일스레드어파트먼트(STA: Single-Threaded Apartment)인 것

라고 설명하였다.

일단 여기서 COM이 무엇인지 모르겠어서 찾아보면,

- Component Object Model 의 약자

- 현재는 .net 프레임워크로 지위가 넘어가는 상황

- com 형식이란 com 객체를 말한다.

- .net은 기본적으로 MTA(멀티스레드어파트먼트)로 동작한다.

- 그런데 전통적으로 com 객체는 STAThread 기반이어서 이를 명시해줘야 한다.

- 만약 명시하지 않고 단일쓰레드아파트먼트 기반인 com 객체를 사용시엔 런타임때 오류가 발생한다.

(위키피디아의 정확한 설명)

https://ko.wikipedia.org/wiki/%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8_%EC%98%A4%EB%B8%8C%EC%A0%9D%ED%8A%B8_%EB%AA%A8%EB%8D%B8

만약 Main 메소드에 STAThread 속성을 붙이지 않았으면, C#에서는, 멀티 스레드 어파트먼트(MTA: multithreaded apartment)가 되게 된다.

본론으로 들어가서, C#의 Main 메소드에 STAThread가 그래서 필요한가? 라고 하면, STA로만 구동이 되는 COM를 사용하는 경우 -> 필요하다.

COM을 직접 사용하는 것이 아니여도 .NET Framework의 일부의 기능을 COM을 사용하고 있기 때문에, 그러한 기능을 사용하는 경우는 반드시 STA로 할 필요가 있다고 한다.

- 이 내용을 찾아본 계기가 C#에서 스레드를 생성하여 사용하면 멀티 스레드가 되는것이 아닌가? 라는 생각을 했고, 그렇다면 [STAThread]가 이니라 [MTAThread]인 것 아닌가? 라고 생각했었다.

- 지금은 메인 스레드 입장에서 자신의 내부를 보았을 때 STA인지 MTA인지 구분인 것이고, 외부에서 생성된 다른 스레드와는 별개라고 이해하였다. 아직 개념이 잘 안서있기 때문에 더 찾아봐야 겠다.

DLL이란?

바차 — Mon, 24 Jan 2022 09:09:29 +0900

DLL

DLL은 다이나믹(Dynamic) 링크(Link) 라이브러리(Library)를 줄인 말로 개발하는 과정에서 자주 사용되는 표준적인 함수를 반복해서 작성하는 것을 방지하기 위해 자주 쓰인다.

라이브러리를 한번 만들어 놓으면 다시 만들 필요가 없이, 불러와 사용하면 되기 때문에 개발 속도에 큰 이점이 있다.

이러한 라이브러리를 언제 메인 프로그램에 연결하느냐에 따라서 2가지로 나뉜다.

- Static Link
- Dynamic link

DLL은 이름에서 보았듯이 후자를 의미한다.

Static link libray
- 정적 링크라고 하며 컴파일 시점에서 라이브러리가 연결되어 실행 파일의 일부가 된다.

DLL
- 동적 링크라고 하며 실행 파일에서 해당 라이브러리의 기능을 사용 시에만, 라이브럴 ㅣ파일을 참조 또는 다운로드 해서 메소드를 호출한다.
- 정적 링크와는 달리 컴파일 시점엣 실행 파일에 메서드를 복사하지 않고, 메서드의 위치정보만 가지고 함수를 호출한다.
- DLL을 사용하면 리소스를 절약할 수 있고, 배포와 설치에 용이해 재사용성이 뛰어나다.

C# - WindowForm user32를 활용한 메모장 스크린샷 프로그램

바차 — Sat, 22 Jan 2022 16:27:30 +0900

사용하고나 사용할 예정인 user32에 대한 조사를 했습니다.

GetWindowPlacement

-> 윈도우의 위치, 크기, 최대/최소화 상태를 한꺼번에 조사

-> 시스템은 내부적으로 윈도우의 좌표를 두쌍의 좌표와 한개의 사각형으로 기억

GetWindowRect

- 작업 영역의 크기 얻음

FindWindow

- 프로세스의 핸들을 찾아 반환한다.

PrintWindow

- 캡처를 원하는 창의 핸들과 DC(Device Context), 옵션 이렇게 3가지의 인수를 넘기면 해당창을 캡처한 비트맵 핸들을 반환한다.

GetWindowRgn

- 특성창의 크기 가져오기

CreateRectRgn

- 그래픽상의 크기 가져오기

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Drawing.Imaging;
using System.Linq;
using System.Runtime.InteropServices;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace MemoScreenShotDLLControlEx
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        // 프로세스 핸들 찾기
        [DllImport("user32.dll")]
        public static extern int FindWindow(string lpClassName, string lpWindowName);

        //스크린샷
        [DllImport("user32.dll")]
        static extern bool PrintWindow(IntPtr hwnd, IntPtr hDC, uint nFlags);


        // 프로세스가 존재하는지 여부, 핸들 구하기
        public IntPtr Client_Connection(string clientname)
        {
            IntPtr iResulthwnd = new IntPtr();
            int inthwnd = FindWindow(clientname, null);
            if (inthwnd != 0)
            {
                iResulthwnd = new IntPtr(inthwnd);
                MessageBox.Show("해당 프로세스가 열려 있습니다.");
                
            }
            else
            {
                iResulthwnd = new IntPtr(inthwnd);
                MessageBox.Show("해당 프로세스는 현재 존재하지 않습니다.");
                
            }
            return iResulthwnd;
        }


        private void button1_Click(object sender, EventArgs e)
        {

            IntPtr memoHandle = Client_Connection("notepad");

            if (memoHandle.Equals(IntPtr.Zero))
            {
                return;
            }

            //Graphics.FromHwnd(): 지정된 창 핸들에 대한 새 Graphics를 반환
            Graphics gfxWin = Graphics.FromHwnd(memoHandle); 

            //Rectangle: 사각형의 위치와 크기를 나타내는 네 정수의 집합을 저장하는 구조체
            //Rectangle.Round(): RectangleF 값을 가장 가까운 정수 값으로 반올림
            Rectangle rc = Rectangle.Round(gfxWin.VisibleClipBounds); 


            // 픽셀 포맷 정보 얻기 (Optional)
            PixelFormat pixelFormat = PixelFormat.Format32bppArgb;


            // 화면 크기만큼의 Bitmap 생성
            try
            {
                //Bitmap 클래스: 그래픽 이미지의 픽셀 데이터를 저장하는 클래스. 픽셀 단위로 데이터를 저장한다.
                using (Bitmap bmp = new Bitmap(rc.Width, rc.Height, pixelFormat))
                {
                    // Bitmap 이미지 변경을 위해 Graphics 객체 생성
                    //FromImage(): 지정된 Graphics에 대한 새 Image를 반환하는 메서드
                    using (Graphics gr = Graphics.FromImage(bmp))
                    {
                        //디바이스 컨텍스트에 대한 핸들을 가져온다.
                        IntPtr dc = gr.GetHdc();


                        bool success = PrintWindow(memoHandle, dc, 0);
                        gr.ReleaseHdc(dc);
                    }
                    bmp.Save("result.bmp");
                    MessageBox.Show("스냅샷 찰영 완료");
                }
            }
            catch(Exception ex)
            {
                MessageBox.Show("스냅샷 찰영 오류");

                // 윈도우 폼에서 콘솔을 보기 위해서는 Project -> (파일이름) Properties -> Output Type 변경
                Console.WriteLine(ex);
            }
            

        }
    }
}

[결과]

- 현재 프로세스에 메모장이 없는 경우 FindWindow를 통해서 프로세스 존재여부를 판별한다.

- 메모장이 현재 실행중인 프로세스에 존재할 경우 PrintWindow를 통해 스크린샷으로 저장되어

debug 파일 안에 result.bmp 파일로 저장된다.

* 단 아직 메모장이 최소화로 비활성창 상태일 경우 스크린샷을 찍지 못한다. 추후 코드 추가할 예정

C# - DLL 추가하기, DLL 사용하기, WindowForm과 Console창 같이 보기

바차 — Sat, 22 Jan 2022 15:36:40 +0900

먼저 버튼을 클릭시 DLL 사용하기 위해 버튼 하나 생성했습니다.

실행시 윈도우 폼과 콘솔창을 같이 띄워 결과를 보게 했습니다.

이후 DLL 파일을 생성하기 위한 Class Library 프로젝트를 추가합니다.

Class Library로 생성

간단한 class 생성

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;


namespace testDll
{
    public class TestDllClass
    {
        public void WriteConsole(String text)
        {
            Console.WriteLine(text + "<<<DLL 가져옴>>>");
        }
    }
}

작성한 class 파일을 빌드해줍니다.

이제 아까 만들어둔 윈도우 폼 프로젝트에 방금 만든 DLL을 넣어줍니다.

Browse에서 아래 Browse.. 버튼을 클릭

- 방금 빌드했던 DLL 파일은 해당 프로젝트 -> testDll -> bin -> Debug 안에 있을 겁니다.

Form1.cs 에서 Using을 통해 testDLL 선언해주고

객체 생성해서 DLL의 메서드를 사용해줍니다.

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using testDll;

namespace WindowsFormsApplication1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, EventArgs e)
        {
            TestDllClass testDllClass = new TestDllClass();
            testDllClass.WriteConsole("버튼 눌렀을때 -----> ");
        }
    }
}

결과를 콘솔로 보고 싶기 때문에

Window Application에서 Colsole Application으로 바꿔줍니다.

-> 이렇게 되면 윈도우폼 실행시 콘솔창도 같애 뜨게 됩니다.

[결과]

C# - WindowForm 기초(ToolBox, Properties, Event, Button, TextBox)

바차 — Sat, 22 Jan 2022 14:40:56 +0900

C#의 WindowForm기초와, 이를 활용해서 아주 간단한 Button/TextBox 프로그램 만들기

ToolBox

- 툴박스에서 원하는 컨트롤을 선택해 윈도우 폼에 배치가 가능합니다.

Properties

- 프로퍼티는 선택한 폼 또는 컨트롤들의 속성을 변경할 수 있습니다.

- 버튼을 예로 들면 버튼의 크기나 모양등을 변경할 수 있는 곳이 이곳입니다.

버튼을 누르면 TextBox에 내용이 갱신되는 프로그램

Button 추가

- ToolBox에서 버튼 컨트롤 선택해 추가 후, Properties 에서 Text를 '내용 수정' 으로 변경

- Properties 에서 BackColor를 ActiveCation으로 변경

- Properties 에서 Dock을 Top으로 변경

- Properties 에서 AutoSize 를 True로 변경하고 원하는 크기만큼 조정

TextBox 추가하기

- ToolBox에서 TextBox를 선택해 Form에 배치

- 생성한 TextBox1 선택 후 Properties 에서 MultiLine을 True로 변경

- Properties 에서 Dock을 Fill로 설정

이제 버튼을 더블클릭하게 되면 버튼을 클릭했을 때 수행되는 이벤트를 작성하는 창으로 넘어가게 됩니다.

-> 이벤트는 이곳에서 확인이 가능합니다.

- Button1(내용 수정 버튼의 Name이 Button1 입니다.)을 클릭했을 때 textBox1(폼에 추가했던 textBox의 Name)의 Text를 "Hello World!!" 로 수정하겠다는 의미

[결과]

C# - WindowForm 메모장 파일 생성, 내용 추가, 수정하기(WindowForm, MessageBox, MessageBoxButtons, File.WriteAllText, File.ReadAllText)

바차 — Sat, 22 Jan 2022 14:14:17 +0900

회사에서 C#을 사용하게 되어 처음해보지만 공부하게 되었습니다.

공부하면서 예제 및 개념을 정리하고 복습하고자 포스팅합니다.

윈도우 폼을 사용해 메모장을 생성하고 내용 추가 수정이 가능한 프로그램을 구현하였습니다.

메모장에서 수정된 내용이 윈도우 폼에서도 출력되며

여러가지 조건에 따라 다른 MessageBox가 출력되도록 했습니다.

내용 입력시 결과 창과 메모장에 내용 입력된다.

결과 창에서 수정 가능

해당 메모장에 가보면 내용이 수정되어 있다.

[Form1.cs]

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.IO;

namespace WinFormExam01
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }


        String path = @"C:\winFormFile.txt";

        private void button1_Click(object sender, EventArgs e)
        {
            

            if (!File.Exists(path)){
                // 파일 없으면 파일 생성
                string[] createText = {};
                result.Text = textBox1.Text;

                File.WriteAllText(path, textBox1.Text);
                textBox1.Text = "";
                MessageBox.Show("파일생성/입력완료");
            }
            else if (textBox1.Text == "")
            {
                MessageBox.Show("추가할 내용을 입력하세요.");
            }
            else
            {
                String readTxt = File.ReadAllText(path);
                if(readTxt == "")
                    result.Text = readTxt + textBox1.Text;
                else
                    result.Text = readTxt + Environment.NewLine + textBox1.Text;

                File.WriteAllText(path, result.Text); //WriteAllText는 기존에 파일이 있으면 덮어씀
                textBox1.Text = "";
                MessageBox.Show("입력완료");
            }
        }

        private void button2_Click(object sender, EventArgs e)
        {
            if (!File.Exists(path))
            {
                MessageBox.Show("수정할 파일이 없습니다.");
            }
            else if (result.Text == "")
            {
                string message = "입력한 내용이 없어 모두 삭제하게 됩니다." + Environment.NewLine + "수정하시겠습니까?";
                string title = "경고";
                MessageBoxButtons buttons = MessageBoxButtons.OKCancel;
                DialogResult dialogResult = MessageBox.Show(message, title, buttons);
                if (dialogResult == DialogResult.OK)
                {
                    File.WriteAllText(path, result.Text);
                    MessageBox.Show("수정완료");
                }
                else
                {
                }
            }
            else
            {
                File.WriteAllText(path, result.Text);
                MessageBox.Show("수정완료");
            }
        }
    }
}

세션, 토큰, 쿠키

바차 — Thu, 16 Dec 2021 23:50:05 +0900

세션

- 서버에 로그인 되어있음이 지속되는 상태를 '세션' 이라고 한다.

- 일정 시간동안 같은 사용자(브라우저)로부터 들어오는
일련의 요구를 하나의 상태로 보고, 그 상태를 일정하게 유지시키는 기술

세션의 동작 순서

클라이언트가 페이지를 요청
서버는 접근한 클라이언트의 Request-Header 필드인 Cookie를 확인하여,
클라이언트가 해당 session-id를 보냈는지 확인한다.
session-id가 존재하지 않는다면,
서버는 session-id를 생성해 클라이언트에게 돌려준다.
서버에서 클라이언트로 돌려준 session-id를 쿠키를 사용해 서버에 저장한다.
쿠키 이름 : SESSIONID
클라이언트는 재접속 시,
이 쿠키(SESSIONID)를 이용하여 session-id 값을 서버에 전달

세션과 토큰은 왜 필요한가?

- HTTP(웹사이트를 이용할때 쓰는 프로토콜)은 stateless이다.

- stateless는 서버로 가는 모든 요청이 이전 요청과 독립적으로 다루어 진다는 뜻. 요청이 끝나면 서버는 내가 누군지 잊어버린다.

- 요청이 끝나면 서버는 우리가 누군지 잊어버린다.

- 이를 해결하는 방법이 세션

- 세션은 서버 확장시 세션의 정보의 동기화 문제가 발생한다.

- 세션은 메모리에 저장되기 때문에 에러가 발생할 경우 휘발될 가능성

- 이러한 문제를 해결하는 방법이 토큰

토큰(JWT - Json Web Token)

- 사용자가 로그인을 하면 서버에서 상태를 저장하지 않고, 토큰 바디에 정보를 저장해 클라이언트가 가진 뒤, 이를 증명서 처럼 사용하는 것

- 세션의 한계와 문제점 때문에 토큰이 등장

- 토큰은 서버의 상태를 저장하지 않음 (Stateless)

- 토큰 자체로 정보를 가지고 있어서 별도의 인증 서버가 필요없다.

- 토큰은 헤더, 페이로드, 시그니처로 3부분으로 구성

쿠키

- 서버는 쿠키를 활용하여 나에 관한 정보(웹사이트의 언어 설정)를 브라우저에 데이터를 넣을 수 있다.

- 이후 해당 웹사이트에 방문할 때마다 브라우저는 해당 쿠키도 서버에게 보내준다.

- 쿠키는 유효기간이 존재한다. 서버가 정한 기간에 따라 유효하다.

순서

1. 서버에서 나의 브라우저로 쿠키를 전송

2. 브라우저는 정보를 쿠키에 담아 저장

3. 추후 다음에 해당 웹사이트 방문 시 쿠키는 요청과 함께 서버로 보내지고, 서버는 쿠키가 기억해둔 언어 설정의 페이지를 제공

동기와 비동기

바차 — Thu, 16 Dec 2021 21:32:48 +0900

동기식

->함수를 호출할 때 그 함수가 끝날 때 까지 결과를 기다린다.

-> 동기식은 값이 꼭 필요하고 그 결과 값을 다른 곳으로 사용해야 할 때는 반드시 동기식으로 해야한다.

비동기식

-> 함수를 호출 하고나서 함수의 결과를 기다리지 않고 다른 업무를 동시에 수행한다.

-> 함수 호출 후 함수의 수행 여부와 상관 없이 다른 업무로 넘어가도 상관 없는 경우 적용

-> 비동기 프로그램의 경우 수행한 함수를 끝을 알리는 콜백 함수를 활용하여 마무리 한다.

-> 안드로이드에서의 통신, 노드JS의 기본 함수들의 호출은 대부분 비동기식이다.

Spring Boot - JSON 은 왜 사용하는가?

바차 — Thu, 16 Dec 2021 16:32:23 +0900

전 세계 사람들이 영어를 공용어로 지정하여 통일된 언어 하나로 대화를 하는 것 처럼,

여러가지 다양한 플랫폼에서 데이터를 주고 받기 위해서

데이터를 주고받기 위해서 JSON 형식으로 변환하여 주고 받는다.

Flutter - VsCode 간단한 코드 정리 단축키 및 방법

바차 — Sat, 16 Oct 2021 03:54:04 +0900

이런식으로 연속된 괄호로 보기 어려운 코드가 있을 때

끝 괄호 사이사이에 콤마를 넣어주고 format documnet 단축키 실행

원하는 키로 바꿔서도 사용 가능하다.

콤마를 모두 찍은 상태에서 shift +alt + F 를 누르면 정렬 완료

flutter - Error: The argument type 'String' can't be assigned to the parameter type 'Uri'.dart(argument_type_not_assignable)

바차 — Sun, 10 Oct 2021 01:41:47 +0900

http:0.13.3 버전으로 올라가면서 Uri를 parse 하도록 사용 방식이 변경되었다.

get('uri'); 대신에 get(Uri.parse('uri'); 를 사용하면 해결된다.

Flutter - Thread, Future, async 심화

바차 — Sat, 9 Oct 2021 02:11:33 +0900

[Thread]

- 프로세스 내에서 실행되는 흐름의 단위

- Dart는 싱글 스레드로 운영되는 언어이다. 싱글 스레드로 동작 한다는 뜻은 오직 한번에 하나의 작업만 실행되고, 이 작업이 실행되는 동안 코드상에 존재하는 다른 작업들이 개입할 수 없다.

- Dart는 이런 싱글스레드의 단점을 Event loop로 해결한다. Dart는 스레드가 생성된 순간 3가지 작업을 하게 된다.

-> 선입 선출 방식으로 Micro Task(이벤트 큐로 넘어가기 전에, 아주 짧은 시간동안 비동기적으로 먼저 실행되고 끝 나는 작은 작업)와 Evnet 준비

-> main 함수 실행

-> Evnet loop 실행

[Evnet loop]

- 외부에서 전달되는 이벤트가 발생했을 때 이벤트과 관련된 코드들이 이벤트 큐에 등록이 된다.

- Future와 Stream도 이 이때 이벤트 큐에 등록이 되고 Evnet loop를 통해서 처리된다.

[Future]

- 비동기 방식으로 미래에 어느 시점에 완성이 되어서 실제적인 데이터가 되거나 에러를 반환하는 객체이다.

- 코드상에서 새로운 Future를 객체화 시키면 다음 과정을 거친다.

1. 다트에 의해서 future 객체가 내부적인 배열에 등록

  2. Future관련해서 실행되어야 하는 코드들이 이벤트 큐에 등록

  3. 불완전한 future객체가 반환

  4. Synchronous(동기적) 방식으로 실행되어야 할 다른 코드들이 있다면, 먼저 실행

  5. 최종적으로 실제적인 data값이 future 객체로 전달

[async method]

- async 키워드를 사용하는 순간 Dart는 다음 과정을 거친다.

  1. 이 메서드를 통해서 나오는 결과물은 future임을 알게 된다.

  2. await 키워드를 만날때까지 synchronous 방식으로 코드를 처리

  3. await 키워드를 만나면 future가 완료될때까지 대기

  4. future가 완료 되자마자 그 다음 코드들을 실행

- Dart는 await 키워드가 붙은 메서드를 만나면, 해당 메서드의 실행이 끝날 때까지 잠시 다른 코드 실행을 멈추게 되는 것

[Future와 async 비교]

- async 키워드는 비동기 방식으로 실행되는 함수라는 것을 Dart에게 알려주는 기능을 담당하고, await 키워드와 함께 미래의 어느 시점에 전달될 값을 기다리는 것이다.

- 이와는 다르게 Future는 하나의 객체로써 객체가 생성된 순간에는 미완성으로 존재하다가, 미래에 어느 시점에 데이터를 전달받은 온전한 객체가 되거나 문제가 생성될 시 에러를 반환하는 객체가 된다.

[Ex]

void main() async {
  methodA();
  await methodB();
  await methodC('main');
  methodD();
}

methodA(){
  print('A');
}

methodB() async {
  print('B start');
  await methodC('B');
  print('B end');
}

methodC(String from) async {
  print('C start from $from');

  Future((){
    print('C running Future from $from');
  }).then((_){
    print('C end of Future from $from');
  });

  print('C end from $from');
}

methodD(){
  print('D');
}

[결과 설명]

[A]

- main 에서 시작되는 methodA 에 의해 출력

[B start]

- main 함수에서 두번째로 실행되는 methodB 함수가 실행되어 출력

[C start from B]

- methodB 함수 내에서 await methodC('B'); 에서 await 키워드를 만나 methodC 함수의 실행이 끝날때까지 methodB 함수 내에서 그 이하의 코드 실행을 멈추게 된다. 따라서 methodC 함수 실행되어 출력

[C end from B]

- 다음 줄에 Future 키워드를 만나게 되어 Future 관련 코드들이 즉시 Event 큐에 등록된다. Future 다음 줄이 실행되어 출력

[B end]

- await 키워드가 붙은 methodC 함수의 실행이 완료되어 다음 줄이 실행되어 출력

[C start from main]

- main 에서 await 키워드가 붙은 methodC 함수가 실행되어 methodC 함수의 실행이 끝날때까지 그 이하의 코드들은 대기하게 된다. methodC 함수 첫줄 출력

[C end from main]

- 다음 줄에 Future 키워드를 만나게 되어 Future 관련 코드들이 즉시 Event 큐에 등록된다. Future 다음 줄이 실행되어 출력

[D]

- await 키워드가 붙은 methodC 함수의 실행이 완료되어 다음 줄이 실행되어 출력

[C running Future from B]

- main의 코드들이 끝까지 실행되어 Synchronous(동기적) 방식으로 실행되어야 할 다른 코드들이 없으므로 Event 큐에 저장되어 있던 Future 관련 코드들이 실행된다. 선입선출 방식이므로 해당 코드 실행

[C end of Future from B]

- then 코드에 의해서 해당 내용 출력

[C running Future from main]

- 선입 선출 방식에 따라 다음 내용 출력

[C end of Future from main]

- then 코드에 의해서 해당 내용 출력

Flutter - Future, async, await

바차 — Thu, 7 Oct 2021 00:15:58 +0900

[Future]

- 미래에 구체적인 결과물로 실제적인 객체로 반환된다는 의미

- 일종의 약속이자, 해당 결과를 추후에 확인 가능하다는 의미

- Future 클래스는 일정 소요시간이 지난 후에 실제 데이터 값이나, 에러가 있는 경우 에러를 반환한다.

- Future 클래스는 Future<String>같이, 제네릭처럼 어떤 결과물을 받아야 할지 미리 지정해둘 수 있다.

- Future<void>와 일반 void 함수의 차이점은 언제 함수의 실행이 끝날지 지정해 줄수 있다는 것.

[async]

- async 클래스는 await 메서드를 가지고 있다.

- await 으로 선언된 메서드는 응답이 처리될 때 까지 대기하는 비동기 식으로 동작한다.

- async제어자는 항상 중괄호 앞에 선언해야 한다. 선헌하게 되면 await 키워드를 사용할 수 있게 된다.

[예제 코드]

import 'dart:io';

void main() {
  showData();
}

void showData() async{
  startTask();
  String account = await accessData();
  fetchData(account);
}

void startTask() {
  String info1 = '요청 수행 시작';
  print(info1);
}

Future<String> accessData() async{
  String account;
  Duration time = Duration(seconds: 3);

  if (time.inSeconds > 2) {
    //sleep(time);

    // await 키워드는 Future.delayed의 실행이 다 될때까지 기다리라는 의미
    await Future.delayed(time, () {
      account = '8,500만원';
      print(account);
    });
  } else {
    String info2 = '데이터를 가져왔습니다.';
    print(info2);
  }
  return account;
}

void fetchData(String account) {
  String info3 = '잔액은 $account 입니다.';
  print(info3);
}

await 키워드가 없을 때 실행 화면

await 키워드가 있을 때 실행 화면

flutter - 2.0 button ElevatedButton으로 구글, 페이스북, 메일 로그인 버튼 만들기

바차 — Wed, 6 Oct 2021 02:47:28 +0900

1. 구글, 페이스북 이미지 파일

imges 폴더를 만든 후 해당 파일을 저장한 뒤,

pubspec.yaml 파일에서 경로 설정해주기

2. 코드

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Login app',
      theme: ThemeData(primarySwatch: Colors.grey),
      home: LogIn(),
    );
  }
}

class LogIn extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.blue,
        title: Text(
          'Sign In',
          style: TextStyle(color: Colors.white),
        ),
        centerTitle: true,
        elevation: 0.2,
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [


            ElevatedButton(
              onPressed: () {
                print('TextButton Button');
              },

              child: Row(
                //spaceEvenly: 요소들을 균등하게 배치하는 속성
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: [
                  Image.asset('images/glogo.png'),
                  Text('Login with Google',
                    style: TextStyle(color: Colors.black87, fontSize: 15.0),
                  ),
                  Opacity(
                    opacity: 0.0,
                    child: Image.asset('images/glogo.png'),
                  ),
                ],
              ), 
              style: ElevatedButton.styleFrom(
                primary: Colors.white,
                //shadowColor: Colors.black, 그림자 추가하는 속성

                minimumSize: Size.fromHeight(50), // 높이만 50으로 설정
                elevation: 1.0,
                shape: RoundedRectangleBorder(
                    // shape : 버튼의 모양을 디자인 하는 기능
                    borderRadius: BorderRadius.circular(4.0)),
                ),
            ),
            SizedBox(
              height: 10.0,
            ),
            ElevatedButton(
              onPressed: () {
                print('TextButton Button');
              },
              child: Row(
                //spaceEvenly: 요소들을 균등하게 배치하는 속성
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: [
                  Image.asset('images/flogo.png'),
                  Text(
                    'Login with Facebook',
                    style: TextStyle(color: Colors.white, fontSize: 15.0),
                  ),
                  Opacity(
                    opacity: 0.0,
                    child: Image.asset('images/glogo.png'),
                  ),
                ],
              ),
              style: ElevatedButton.styleFrom(
                primary: Color(0xFF334D92),


                minimumSize: Size.fromHeight(50),
                elevation: 1.0,
                shape: RoundedRectangleBorder(

                    borderRadius: BorderRadius.circular(4.0)),
              ),
            ),
            SizedBox(
              height: 10.0,
            ),
            ElevatedButton(
              onPressed: () {
                print('TextButton Button');
              },
              child: Row(
                //spaceEvenly: 요소들을 균등하게 배치하는 속성
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: [
                  Icon(
                      Icons.mail,
                      color: Colors.white,
                    ),
                  Text(
                    'Login with Email',
                    style: TextStyle(color: Colors.white, fontSize: 15.0),
                  ),
                  Opacity(
                    opacity: 0.0,
                    child: Icon(
                      Icons.mail,
                      //color: Colors.white,
                    ),
                  ),
                ],
              ),
              style: ElevatedButton.styleFrom(
                primary: Colors.green,


                minimumSize: Size.fromHeight(50),
                elevation: 1.0,
                shape: RoundedRectangleBorder(

                    borderRadius: BorderRadius.circular(4.0)),
              ),
            ),
            
          ],
        ),
      ),
    );
  }
}

3. 결과 화면

Flutter - final 과 const

바차 — Wed, 6 Oct 2021 00:07:07 +0900

final 과 const는 '제어자' 라고 하며 제어자란 클래스, 변수, 메서드를 정의할 때 함께 쓰여서 이것들을 사용하기 위한 옵션을 정해주는 역할을 수행한다.

- final 과 const 키워드의 가장 중요한 역할은 변수값이 한번 초기화 되면 바꿀 수 없게 하는 것이다.

- 문제는 이 같은 역할을 하는 final 과 const의 차이점이다.

[final]

- final 변수는 런타임 시에 상수화 한다.

- final은 const와는 달리 초기화 되는 시점이 앱이 실행이 될 때이다.

- final은 한번 초기화되면 immutable하기 때문에 값을 변경하고 싶다면 아예 새롭게 빌드 메서드 내에서 rebuild 해야 한다.

[const]

- const 변수는 컴파일 시에 상수화 한다.

- const는 선언과 동시에 반드시 초기화 해야한다.

- const에 final 변수처럼 컴파일 이후에 value 값을 재할당하면 에러가 난다.

day70 - Spring Framework(spring boot의 설정 application.properties)

바차 — Tue, 28 Sep 2021 19:23:53 +0900

스프링 부트에서는 기존 스프링에서 web.xml 같은 설정 파일들을 application.properties에 가독성 좋게 모아놓았다.

[서버]

실습해보니 스프링 부트는 톰켓 서버를 로딩하지 않는다. 자기가 알아서 서버를 핸들링 한다고 한다.

[기존 스프링의 viewResolvor]

기존 스프링의 viewResolvor 부분이다.

기존이라면 sevlet.xml에서

이렇게 썼을 내용을 단 두줄로 해결한다.

[DB 연결]

db 연결 부분

[Multipart]

기존 sevlet.xml의 multipartResolver 부분이다.

[UTF-8 ENCODING]

기존의 web.xml encodingFilter 부분이다.

day69 - Spring Framework(spring boot 시작하기 STS4)

바차 — Mon, 27 Sep 2021 23:50:12 +0900

[sts4 개발 환경]

[sts4 설치하기]

https://spring.io/tools

Spring Tools 4 is the next generation of Spring tooling

Largely rebuilt from scratch, Spring Tools 4 provides world-class support for developing Spring-based enterprise applications, whether you prefer Eclipse, Visual Studio Code, or Theia IDE.

spring.io

[File - New - Project]

Spring Starter Project

이름, 패키지 등 원하는 부분 변경하여 설정

검색해서 원하는 설정을 기입하고 완료

day68 - 스프링 팀 프로젝트 관리자 페이지 구현

바차 — Mon, 27 Sep 2021 23:39:06 +0900

[userController.java]

package com.kic.shopPro.controller;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import com.kic.shopPro.domain.TopItemVO;
import com.kic.shopPro.domain.VisitorGraphVO;
import com.kic.shopPro.domain.VisitorVO;
import com.kic.shopPro.service.VisitorService;

@Controller
public class UserController {
	
	@Autowired
	private VisitorService visitorService;

	@RequestMapping(value="/admin/adminPage", method=RequestMethod.GET)
	public String adminPageGetMethod(Model model) {
		
		visitorService.addVisitor();
		
		List<VisitorVO> visitors = visitorService.readVisitorList(); // 오늘 방문자, 어제 방문자, 누적 방문자 수 출력 기능
		List<VisitorGraphVO> visitorGraph = visitorService.readVisitorGraphList(); // 방문자 그래프 출력 기능
		
		//String text = "결제 완료";
		double reachedCost = ((double)visitorService.reachedTotalCost()/500000) * 100; // 50만원을 목표 금액으로한 퍼센트값 저장
		
		List<TopItemVO> topItemList = visitorService.readTopItemList();
		
		//오늘,어제 누적 방문자수 출력
		model.addAttribute("visitors", visitors);
		
		System.out.println("===========================" + visitorGraph.size());
		System.out.println("===========================" +visitorGraph.toString());
		System.out.println("===========================" + visitorService.reachedTotalCost());
		System.out.println("===========================" +reachedCost);
		
		// 방문자 그래프 출력
		model.addAttribute("visitorGraph", visitorGraph);
		
		// 목표 도달 수익률 추이 출력
		model.addAttribute("reachedCost", reachedCost);
		
		// 인기 품목 리스트
		model.addAttribute("topItemList", topItemList);
		
		
		return "admin/adminPage";
	}

	
	
	
	@RequestMapping(value="/MyPage", method=RequestMethod.GET)
	public String myPageGetMethod() {
		return "MyPage";
	}
}

[userMapper.xml]

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.kic.mapper.userMapper">

	
	
	<select id="readVisit" resultType="com.kic.shopPro.domain.VisitorVO">
		<![CDATA[ (select count(*) visitor from visitor group by visitdate order by visitdate desc limit 0, 2)
					UNION
					(select count(*) visitor from visitor) ]]>
	</select>
	
	<select id="readVisitGraph" resultType="com.kic.shopPro.domain.VisitorGraphVO">
		<![CDATA[ select visitdate, count(*) visitor from visitor group by visitdate order by visitdate limit 0, 5]]>
	</select>
	
	<insert id="addVisit">
	 	<![CDATA[ insert into visitor(visitdate) values(NOW())  ]]>
    </insert>
    
    <select id="reachedCost" resultType="int">
		<![CDATA[   select sum(price) reachCost from orderlist where pay= "결제 완료"]]>
	</select>
	
	<select id="readTopItem" resultType="com.kic.shopPro.domain.TopItemVO">
		<![CDATA[ 	select i.itemname
					from orderlist o, item i
					where o.orderid = i.itemid
					and pay= "결제 완료" order by count desc  ]]>
	</select>

</mapper>

[adminPage.jsp]

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<title>W3.CSS Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- 수정  -->
<!-- 차트 부분-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta http-equiv="X-UA-Compatible" content="ie=edge">



<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">



<!-- 차트 링크 --> 
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> 
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>



<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
hr {
  height: 0.5px;
  background-color: gray;
}
</style>
<body class="w3-light-grey w3-content" style="max-width:1600px">

<!-- Sidebar/menu -->
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>
  <div class="w3-container">
    <a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu">
      <i class="fa fa-remove"></i>
    </a>
    <h2 onclick="location.href ='/shopPro/main'"><b>쇼핑몰 사이트</b></h2>
    <p class="w3-text-grey">Market Info</p>
  </div>
  <div class="w3-bar-block">
    <a href="#portfolio" onclick="w3_close()" class="w3-bar-item w3-button w3-padding w3-text-teal"><i class="fa fa-th-large fa-fw w3-margin-right"></i>admin Info</a> 
    <a href="#about" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>ABOUT</a> 
    <a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-envelope fa-fw w3-margin-right"></i>CONTACT</a>
  </div>

</nav>



<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>

<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">

  <!-- Header -->
  <!-- 
  <header id="portfolio">
    <a href="#"><img src="/w3images/avatar_g2.jpg" style="width:65px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a>
    <span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>
    <div class="w3-container">
    
    <h1><b>관리자 페이지</b></h1>
	<br>
    </div>
    
  </header>
   -->
   
   <!-- 관리자 페이지 헤더 -->
  <jsp:include page="/WEB-INF/views/sideView/adminHeader.jsp"></jsp:include>

  <div class="w3-container w3-padding-large" style="margin-bottom:32px;">

    
    <h4><b>방문자 수</b></h4>
    <br>
    <!-- Progress bars / Skills -->
    <table style="width:500px">
    <tr>
    <td><b>오늘 방문수</b></td>
    <td><b>어제 방문수</b></td>
    <td><b>누적 방문수</b></td>
    </tr>
    
    <tr>
    <c:forEach var="member" items="${visitors}">
       <td> ${member.visitor}</td>
       
    </c:forEach>
    </tr>

    </table>



    <br><br><br><br>
    
    
    
	<h4><b>방문자 수 그래프</b></h4>
    <div class="container" style="width:70%; float:left;"> 
    	<canvas id="myChart"></canvas> 
    </div>
    
    
    
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    
    <!-- 부트스트랩 --> 
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 				
    		integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 
    		crossorigin="anonymous">
    </script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" 
    		integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" 
    		crossorigin="anonymous">
    </script> 
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" 
    		integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" 
    		crossorigin="anonymous">
    </script>
    
    
    <!-- 차트 --> 
    <script> 
    	var ctx = document.getElementById('myChart').getContext('2d');
    	
    	var date = new Array();
    	var visitdata = new Array();
    	<c:forEach var="member" items="${visitorGraph}">date.push("${member.visitdate}");visitdata.push("${member.visitor}"); </c:forEach>
        var chart = new Chart(ctx, 
        	{ // 챠트 종류를 선택 
            	type: 'line', // 챠트를 그릴 데이타 
            	data: { 
                	labels: date, 						
                	
                	
                	datasets: [{ 
                    	label: '방문자 수 차트', 
                        backgroundColor: 'transparent', 
                        borderColor: 'red', 
                        data: visitdata
                     }] 
                    }, 
                    // 옵션 
                    options: {} 
                  }); 
    </script>


    <h4><b>수익 목표 달성률</b></h4>
    <br>
    <div class="w3-grey" style="width:70%;">
      <div class="w3-container w3-dark-grey w3-padding w3-center" style="width:${reachedCost}%">${reachedCost}%</div>
    </div>
    <br><br>
    <hr>
    <br><br>
    
    
      <div>
          <h4>How much I charge</h4>
    <!-- Pricing Tables -->

      
      <div class="w3-third w3-margin-bottom">
        <ul class="w3-ul w3-border w3-white ">
          <li class="w3-black w3-center w3-xlarge w3-padding-32">인기 상품 품목</li>

	   	 <table>
	   	    
   			 <c:forEach end="4" varStatus="i" var="member" items="${topItemList}">
   			  <tr>
     		  <td> <li class="w3-padding-16"><b> ${i.index + 1}. &nbsp;</b><td>${member.itemName}</li></td>
       		  </tr>
    		</c:forEach>
    		

    	</table>
        </ul>
      </div>
      
      

    </div>

      

   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br>
    <hr>
    <br><br>
  


  <!-- Footer -->
  <footer class="w3-container w3-padding-32 w3-dark-grey">
  <div class="w3-row-padding">
    <div class="w3-third">
      <h3>FOOTER</h3>
      <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
      <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
    </div>
  
    <div class="w3-third">
      <h3>BLOG POSTS</h3>
      <ul class="w3-ul w3-hoverable">
        <li class="w3-padding-16">
          <img src="/w3images/workshop.jpg" class="w3-left w3-margin-right" style="width:50px">
          <span class="w3-large">Lorem</span><br>
          <span>Sed mattis nunc</span>
        </li>
        <li class="w3-padding-16">
          <img src="/w3images/gondol.jpg" class="w3-left w3-margin-right" style="width:50px">
          <span class="w3-large">Ipsum</span><br>
          <span>Praes tinci sed</span>
        </li> 
      </ul>
    </div>

    <div class="w3-third">
      <h3>POPULAR TAGS</h3>
      <p>
        <span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">New York</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">London</span>
        <span class="w3-tag w3-grey w3-small w3-margin-bottom">IKEA</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">NORWAY</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">DIY</span>
        <span class="w3-tag w3-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Family</span>
        <span class="w3-tag w3-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Shopping</span>
        <span class="w3-tag w3-grey w3-small w3-margin-bottom">Sports</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Games</span>
      </p>
    </div>

  </div>
  </footer>
  
  <div class="w3-black w3-center w3-padding-24">Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-opacity">w3.css</a></div>

<!-- End page content -->
</div>

<script>
// Script to open and close sidebar
function w3_open() {
    document.getElementById("mySidebar").style.display = "block";
    document.getElementById("myOverlay").style.display = "block";
}
 
function w3_close() {
    document.getElementById("mySidebar").style.display = "none";
    document.getElementById("myOverlay").style.display = "none";
}
</script>

</body>
</html>

day67 - Spring Framework(mvc)

바차 — Thu, 23 Sep 2021 15:58:16 +0900

[EventController.java]

package controller;

import java.util.List;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import event.Event;
import event.SearchOption;
import service.EventService;
import event.EventType;

@Controller
@RequestMapping("/event") 
public class EventController {
private static final String REDIRECT_EVENT_LIST = "redirect:/event/list";
	private EventService eventService;
	public EventController() {
		eventService = new EventService(); 
	}
		
	@RequestMapping("/list")
	public String list (SearchOption option, Model model) {
		List<Event> eventList = eventService.getOpenedEventList (option); 
		model.addAttribute("eventList", eventList); 
		model.addAttribute("eventTypes", EventType.values()); 
		return "event/list";
	}

	@RequestMapping("/list2")
	public ModelAndView list2(SearchOption option) {
		List<Event> eventList = eventService.getOpenedEventList (option); 
		ModelAndView modelView = new ModelAndView();	
		modelView.setViewName("event/list");
		modelView.addObject("eventList", eventList);
		modelView.addObject("eventTypes", EventType.values());
		return modelView;
	}
}

[Event.java]

package event;

public class Event {

	private Long id;
	private String name;
	private EventType type;

	public Long getId() {
		return id;
	}

	public String getName() {
		return name;
	}

	public EventType getType() {
		return type;
	}

	public static Event create(Long id, String name, EventType type) {
		Event result = new Event();
		result.id = id;
		result.name = name;
		result.type = type;
		return result;
	}

}

[EventType.java]

package event;

public enum EventType {

	FLASHMOB, CIRCUS, CONFERENCE
}

[SearchOption.java]

package event;

import java.util.Collection;
import java.util.Date;

public class SearchOption {
	private Collection<EventType> types;
	private boolean allType;
	private Date from;
	private Date to;

	public Collection<EventType> getTypes() {
		return types;
	}

	public void setTypes(Collection<EventType> types) {
		this.types = types;
	}

	public boolean isAllType() {
		return allType || types == null;
	}

	public void setAllType(boolean allType) {
		this.allType = allType;
	}

	public Date getFrom() {
		return from;
	}

	public void setFrom(Date from) {
		this.from = from;
	}

	public Date getTo() {
		return to;
	}

	public void setTo(Date to) {
		this.to = to;
	}

}

day66 - Spring Framework(mvc)

바차 — Fri, 17 Sep 2021 14:26:35 +0900

[MvcQuickStartConfig]

package controller;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.view.InternalResourceViewResolver;

@Configuration 
@EnableWebMvc
public class MvcQuickStartConfig {

	@Bean
	public InternalResourceViewResolver viewResolver() { 
		InternalResourceViewResolver viewResolver = new InternalResourceViewResolver(); 
		viewResolver.setPrefix("/WEB-INF/view/"); 
		viewResolver.setSuffix(".jsp");
		return viewResolver;
	}

	@Bean
	public HelloController2 helloController() {
		return new HelloController2();
	}

}

day65 - Spring Framework(스프링, Annotation)

바차 — Wed, 15 Sep 2021 18:24:22 +0900

[boardController.java]

package controller;

import java.io.File;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;

import com.oreilly.servlet.MultipartRequest;

import service.BoardMybatisDao;
import model.Board;


@Controller
@RequestMapping("/board/")
public class BoardController{
	
	HttpServletRequest request;
	Model m;
	HttpSession session;
	
	@Autowired
	BoardMybatisDao dao;
	
	@ModelAttribute
	void init(HttpServletRequest request, Model m) {
		this.request = request;
		this.m = m;
		this.session = request.getSession();
	}
	
	@RequestMapping("list") // 실질적으로는 /board/list 인 샘
	public String list(){
		/*
		 * 게시물 목록 보기 
		 * 1. pageNum 파라미터 존재. pageNum 파라미터 없으면 1로 설정. 
		 * 2. 10건의 게시물 출력. => db에서
		 *    해당 페이지에 출력되는 게시물만 조회. 순서 : 최근 게시물 순으로 
		 * 3. 화면에 출력.
		 * 4. boardid 파라메터가 없으면 session을 수정하지 않음 default는 1임
		 */

		// pageNum이 넘어와야 pageNum이 바뀜
		if (request.getParameter("pageNum") != null) {
			session.setAttribute("pageNum", request.getParameter("pageNum"));
		}
		// boardid가 넘어와야 세션이 변경됨 : 현재 게시판분류에 따른 입력,수정을 적용
		if (request.getParameter("boardid") != null) {
			session.setAttribute("boardid", request.getParameter("boardid"));
			session.setAttribute("pageNum", "1");
		}

		
		String pageNum = (String) session.getAttribute("pageNum");
		if (pageNum == null) 	pageNum = "1";
		int pageInt = Integer.parseInt(pageNum);
		
		String boardid = (String) session.getAttribute("boardid");
		if (boardid == null)  	boardid = "1";
		

		
		
		int limit = 10; // 한페이지에 출력할 게시물 건수
		
		int boardcount = dao.boardCount(boardid);// 등록된 전체 게시물의 건수
		/*
		 * pageInt-현재 페이지 넘버, 
		 * limit-한페이지에 출력할 게시물 건수
		 * boardcount--등록된 전체 게시물의 건수
		 * boardid-공지사항(1),자유게시판(2), QnA(3)
		 */
		List<Board> list = dao.list(pageInt, limit, boardcount, boardid); // 화면에 출력된 게시물 데이터
		// 13 ---> boardcount/limit : 4 + 1
		//-----------paging 작업
		int maxpage = (int) (boardcount / limit) + (boardcount % limit == 0 ? 0 : 1);
		int bottomLine = 3;
		// page 1,2,3 : 1, 4,5,6: 2
		int startpage = 1 + (pageInt - 1) / bottomLine * bottomLine;
		int endpage = startpage + bottomLine - 1;
		if (endpage > maxpage) 	endpage = maxpage;
		int boardnum = boardcount - (pageInt - 1) * limit;  //100개 1:100, 2:90, 3:80
		//-----------paging 작업
		
		
		

		
		//print list
		m.addAttribute("boardcount", boardcount);  // 등록된 전체 게시물의 건수
		m.addAttribute("list", list);  //프린트한 게시물
		m.addAttribute("boardnum", boardnum); //게시물 시작번호
		m.addAttribute("pageNum", pageNum);  //현재 페이지 번호
		
		//하단 paging
		m.addAttribute("startpage", startpage); // 하단 시작 페이지
		m.addAttribute("endpage", endpage);  //하단 end 페이지
		m.addAttribute("bottomLine", bottomLine);  //하단 화면당 페이지 보기
		m.addAttribute("maxpage", maxpage);  //총 페이지수
	
		//게시판 제목
		m.addAttribute("boardName", getBoardName(boardid));  //게시판 제목 (공지시항, 자유게시판, QnA)
		
		return "board/list";
	}
	
	
	public String getBoardName(String boardid) {
		
		String boardName = "";
		switch (boardid) {
		case "1": {   boardName="공지사항"; break;	}
		case "2": {   boardName="자유게시판"; break;	}
		case "3": {   boardName="QnA"; break;	}
		default:
			 boardName="공지사항";
		}
		
		return boardName;
	}
	
	
	
	
	
	
	@RequestMapping("writeForm")
	public String writeForm() {
		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null)  	boardid = "1";
		m.addAttribute("boardName", getBoardName(boardid));
		return "board/writeForm";
	}
	
	@RequestMapping("writePro")
	public String writePro(Board board) {
		String uploadpath = request.getServletContext().getRealPath("/") + "upfile";
		
		MultipartFile multipartFile = board.getF();
		
		if(!multipartFile.isEmpty()) {
			File file = new File(uploadpath, multipartFile.getOriginalFilename());
			try {
				multipartFile.transferTo(file);
				board.setFile1(multipartFile.getOriginalFilename());
			}catch(IllegalStateException e) {
				e.printStackTrace();
			}catch(IOException e) {
				e.printStackTrace();
			}
			
		}else {
			board.setFile1("");
		}
		String boardid = (String) session.getAttribute("boardid");
		if (boardid == null)  	
			boardid = "1";
		board.setBoardid(boardid);
		String msg = "게시물 등록 실패";
		String url = "board/writeForm";
		if(dao.insert(board)) {
			msg="게시물 등록 성공";
			url="board/list";
		}
		m.addAttribute("msg", msg);
		m.addAttribute("url", url);
		return "alert";
	}


	
	@RequestMapping("info")
	public String info(int num){

		Board board = dao.selectOne(num); // 게시물 조회
		dao.readcntadd(num); // 조회건수증가
		m.addAttribute("board", board);
		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null)  	boardid = "1";
		m.addAttribute("boardName", getBoardName(boardid));
		
		return "board/info";
	}

	@RequestMapping("updateForm")
	public String updateForm(int num){
		/*
		 * 1. num 값의 게시물을 조회화여 화면 출력하기
		 */
		Board board = dao.selectOne(num);
		m.addAttribute("board", board);
		return "board/updateForm";
	}
	
	@RequestMapping("update  ")
	public String update(Board board) {
		String uploadpath = request.getServletContext().getRealPath("/") + "upfile";
		
		MultipartFile multipartFile = board.getF();
		
		if(!multipartFile.isEmpty()) {
			File file = new File(uploadpath, multipartFile.getOriginalFilename());
			try {
				multipartFile.transferTo(file);
				board.setFile1(multipartFile.getOriginalFilename());
			}catch(IllegalStateException e) {
				e.printStackTrace();
			}catch(IOException e) {
				e.printStackTrace();
			}
			
		}else {
			board.setFile1("");
		}
		Board dbBoard = dao.selectOne(board.getNum());
		String msg = "비밀번호가 틀렸습니다.";
		String url = "board/updateForm?num=" + board.getNum();
		
		if(board.getPass().equals(dbBoard.getPass())){
			if(dao.update(board)) {
				msg="게시물 수정 성공";
				url="board/list";
			}else {
				msg = "게시물 수정 실패";
			}
		}
		m.addAttribute("msg", msg);
		m.addAttribute("url", url);
		return "alert";
		
	}

	@RequestMapping("deleteForm")
	public String deleteForm(int num){

		m.addAttribute("num", num);
		return "board/deleteForm";
	}

	@RequestMapping("delete")
	public String delete(int num, String pass){

		System.out.println(pass);
		String msg = "비밀번호가 틀렸습니다!";
		String url = "board/deleteForm?num=" + num;
		
		Board board = dao.selectOne(num);
		// board.getPass() : db에 저장된 비밀번호
		if (pass.equals(board.getPass())) {
			if (dao.delete(num)) {
				msg = "게시글을 성공적으로 삭제하였습니다.";
				url = "board/list";
			} else {
				msg = "게시글을 삭제하는데 실패하였습니다!";
				url = "board/info?num=" + num;
			}
		}

		m.addAttribute("url", url);
		m.addAttribute("msg", msg);

		return "alert";
	}

	@RequestMapping("replyForm")
	public String replyForm(int num){
		/*
		 * 답변글 쓰기 화면 
		 * 1. 원글의 num을 파라미터로 받는다. 
		 * 2. 원글의 num,ref,reflevel,refstep 정보를 저장 
		 * 3. 입력 화면 표시
		 */

		
		Board board = dao.selectOne(num); // 게시물 조회

		m.addAttribute("board", board);
		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null)  	boardid = "1";
		m.addAttribute("boardName", getBoardName(boardid));
		return "board/replyForm";
	}

	
	
	
	
	@RequestMapping("replyPro")
	public String replyPro(Board board){

		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null) 	boardid = "1";

		board.setFile1("");
		board.setBoardid(boardid);
		
		dao.refstepadd(board.getRef(), board.getRefstep());
		// 3. Board 객체를 db에 insert 하기.
		String msg = "답변등록시 오류발생";
		String url = "board/replyForm?num=" + board.getNum();
		if (dao.insert(board)) {
			msg = "답변등록 완료";	url = "board/list";
		}
		m.addAttribute("url", url);
		m.addAttribute("msg", msg);
		return "alert";
	}
	
}

Flutter - APK 파일 생성하기

바차 — Wed, 15 Sep 2021 01:06:35 +0900

일단 저는 VSCode 환경입니다.

1. 생성하고 싶은 프로젝트로 가서 터미널 창에서 해당 프로젝트 위치로 이동합니다.

(해당 프로젝트에서 터미널을 열었다면 이미 자동으로 이동되어 있습니다.)

2. 터미널에 flutter build apk --release --target-platform=android-arm64 를 입력합니다.

3. 생성된 apk 파일 경로는 build/app/outputs/apk/release/app-release.apk 입니다.

이 파일을 안드로이드 폰에 가져가서 실행시키면 됩니다.

flutter build apk --release --target-platform=android-arm64를 실행 시키면

이렇게 오류가 나면서 릴리스가 안될 때가 있는데 오류를 찬찬히 없앤 후 릴리스 하거나

가장 쉬운 방법으로는

본인의 스마트폰으로 에뮬레이터를 돌려본 적이 있을 경우에는

옆 파일 중에 app.apk파일을 그대로 가져다가 핸드폰에 실행하면 되는 것 같습니다.

day64 - Spring Framework(스프링, AOP)

바차 — Tue, 14 Sep 2021 23:46:16 +0900

[Main3.java]

package ch03_AOPXmlAnno;

import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;

import di06.Article;
import di06.ArticleNotFoundException;
import di06.Member;
import di06.MemberService;
import di06.ReadArticleService;
import di06.UpdateInfo;

public class Main3 {
	public static void main(String[] args) {
		
		String[] config = {"ch03_AOPXmlAnno/annotation.xml"}; 
		ApplicationContext ctx = new ClassPathXmlApplicationContext(config); 
		ReadArticleService service = ctx.getBean("readArticleService", ReadArticleService.class);
	
		try {
			Article a1 =  service.getArticleAndReadCnt(1); //A 
			Article a2 = service.getArticleAndReadCnt(1); //B 
			System.out.println("[main] a1 == a2 : " + (a1==a2));
			service.getArticleAndReadCnt(0); //C
		} catch (ArticleNotFoundException e) {
	
		System.out.println("[main]" + e.getMessage());
		}
		System.out.println();
		System.out.println("=== updateMemberInfoTraceAspect 연습");
		MemberService memberService = ctx.getBean("memberService", MemberService.class);
		memberService.regist(new Member());
		memberService.update("hong", new UpdateInfo());//traceAspect AOP 대상이 되는 메서드
		memberService.delete("hong2", "test");
	}
}

[LoggingAspect.java]

package di07;

import org.aspectj.lang.annotation.After;
import org.aspectj.lang.annotation.AfterReturning;
import org.aspectj.lang.annotation.AfterThrowing;
import org.aspectj.lang.annotation.Aspect;
import org.aspectj.lang.annotation.Before;
import org.springframework.core.annotation.Order;
import org.springframework.stereotype.Component;

@Component
@Aspect
@Order(1)
public class LoggingAspect {
	final String publicMethod = "execution(public * di06.*Service.*(..))";
	
	@Before(publicMethod)
	public void before() {
		System.out.println("[LA]메서드 실행 전(before) 전처리 수행함.");
	}
	
	@AfterReturning(pointcut = publicMethod, returning = "ret")
	public void afterReturning(Object ret) {
		System.out.println("[LA]메서드 정상 처리(afterReturning) 후 수행함 리턴값: " + ret);
	}
	
	@AfterThrowing(pointcut = publicMethod, throwing = "ex")
	public void afterThrowing(Throwable ex) {
		System.out.println("[LA]메서드 예외 발생 후(afterThrowing) 수행함 예외:" +ex.getMessage());
	}
	
	@After(publicMethod)
	public void afterFinally() {
		System.out.println("[LA]메서드 실행 후(afterFinally) 후처리 수행함");
	}
}

[ArticleCacheAdvice.java]

package di07;

import java.util.HashMap;
import java.util.Map;

import org.aspectj.lang.ProceedingJoinPoint;
import org.aspectj.lang.annotation.Around;
import org.aspectj.lang.annotation.Aspect;
import org.springframework.core.annotation.Order;
import org.springframework.stereotype.Component;

import di06.Article;

@Component
@Aspect
@Order(2)
public class ArticleCacheAdvice {
	private Map<Integer, Article> cache = new HashMap<Integer, Article>();
	
	@Around("execution(public * *..ReadArticleServiceImpl.*(..))")
	public Article cache(ProceedingJoinPoint joinPoint) throws Throwable {
		System.out.println("[ACA] cache before 실행");
		
		Integer id = (Integer)joinPoint.getArgs()[0];
		Article article = cache.get(id);
		if(article != null) {
			System.out.println("[ACA] cache에서 Article[" + id +"] 가져옴");
			return article;
		}
		Article ret = (Article)joinPoint.proceed();
		System.out.println("[ACA] cache after 실행");
		if(ret != null) {
			cache.put(id,  ret);
			System.out.println("[ACA] cache에 Article[" +id +"] 객체를 추가함");
		}
		return ret;
	}
}

day63 - Spring Framework(스프링, AOP)

바차 — Mon, 13 Sep 2021 22:23:32 +0900

[AOP]

- Aspect Oriented Programming. 관점 지향 프로그래밍으로 어플리케이션에서 전반적으로 사용되는 공통 기능들을 공통 관심 사항으로 구분한다.

- 중복 코드를 제거하고 그로 인한 간경성과 생산성을 얻을 수 있다.

- 재사용성과 유지보수성 또한 증가한다.

- Advice

언제 공통 관심 기능을 핵심 로직에 적용할 것인 지를 정의한다.

- Jointpoint

Advice 가 적용 가능한 지점을 의미한다. 메소드 호출, 필드값 변경 등이 이에 해당한다.

- Pointcut

Joinpoint의 부분 집합으로써 실제로 Advice가 적용 되는 Jointpoint를 말한다. 정규 표현식이나 Aspectj의 문법을 사용하여 Pointcout을 정의할 수 있다.

- Aspect

- 여러 객체에 공통으로 적용되는 공통 관심 사항을 Aspect라고 한다.

[Advice의 종류]

- Before Advice

대상 객체의 메서드 호출 전에 공통 기능을 실행한다.

- After Returning Advice

대상 객체의 메서드가 예외 없이 실행한 이후에 공통 기능을 실행한다.

- After Throwing Advice

대상 객체의 메서드 실행 도중 예외가 발생시에 공통 기능을 실행한다.

- After Advice

대상 객체의 메서드 실행 도중 예외가 발생 했는지 여부와 상관없이 메서드 실행 후 공통 기능을 실행한다.

(try catch finally 에서 finally 블록과 비슷한 역할이다.)

- Around Advice

대상 객체의 메서드 실행 전, 후 또는 예외 발생 시점에 공통 기능을 실행 시에 사용한다. 범용으로 사용 가능하다.

[Main2.java]

package ch03_AOPXmlAnno;
import org.springframework.context. ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;

import di06.Article;
import di06.ArticleNotFoundException;
import di06.ReadArticleService;

public class Main2 {

	public static void main(String[] args) {

	String[] config = {"ch03_AOPXmlAnno/di.xml", "ch03_AOPXmlAnno/aop2.xml"}; 
	ApplicationContext ctx = new ClassPathXmlApplicationContext(config); 
	ReadArticleService service = ctx.getBean("readArticleService", ReadArticleService.class);

	try {
		Article a1 =  service.getArticleAndReadCnt(1); //A 
		Article a2 = service.getArticleAndReadCnt(1); //B 
		System.out.println("[main] a1 == a2 : " + (a1==a2));
		service.getArticleAndReadCnt(0); //C
	} catch (ArticleNotFoundException e) {

	System.out.println("[main]" + e.getMessage());
	}
	}
}

[aop.xml]

<?xml version="1.0" encoding="utf-8" ?>
<beans xmlns="http://www.springframework.org/schema/beans" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xmlns:context="http://www.springframework.org/schema/context" 
	xmlns:p="http://www.springframework.org/schema/p" 
	xmlns:aop="http://www.springframework.org/schema/aop" 
	xsi:schemaLocation="http://www.springframework.org/schema/beans
			http://www.springframework.org/schema/beans/spring-beans.xsd
			http://www.springframework.org/schema/aop 
			http://www.springframework.org/schema/aop/spring-aop.xsd
			http://www.springframework.org/schema/context
			http://www.springframework.org/schema/context/spring-context.xsd">

	<bean id="LoggingAdvice" class="di06.LoggingAdvice" />
	<bean id="cacheAdvice" class="di06.ArticleCacheAdvice"/>

	<aop:config>
		<aop:aspect id="LoggingAspect" ref="LoggingAdvice">
			<aop:pointcut id="publicMethod"
				expression="execution (public * di06.*Service.*(..))" />
			<aop:before method="before"
				pointcut="execution (public * di06.*Service.*(..))" />
			<aop:after-returning method="afterReturning"
				pointcut-ref="publicMethod" returning="ret" />
			<aop:after-throwing method="afterThrowing"
				throwing="ex" pointcut-ref="publicMethod" />	
			<aop:after method="afterFinally" 
				pointcut-ref="publicMethod" />
		</aop:aspect>
		
		<aop:aspect id="cacheAspect" ref="cacheAdvice">
			<aop:around method="cache" pointcut="execution(public * *..ReadArticleServiceImpl.*(..))"/>
		</aop:aspect>
	</aop:config>
</beans>

[LoggingAdvice.java]

package di06;

public class LoggingAdvice {
	public void before() {
		System.out.println("[LA]메서드 실행 전(before) 전처리 수행함.");
	}
	public void afterReturning(Object ret) {
		System.out.println("[LA]메서드 정상 처리(afterReturning) 후 수행함 리턴값: " + ret);
	}
	public void afterThrowing(Throwable ex) {
		System.out.println("[LA]메서드 예외 발생 후(afterThrowing) 수행함 예외:" +ex.getMessage());
	}
	public void afterFinally() {
		System.out.println("[LA]메서드 실행 후(afterFinally) 후처리 수행함");
	}
}

day62 - Spring Framework(스프링, Annotation)

바차 — Fri, 10 Sep 2021 23:19:31 +0900

[Main3_xml.java]

package ch02_mainDI;

import org.springframework.context.support.GenericXmlApplicationContext;

import di03.AuthException;
import di03.AuthenticationService;
import di03.PasswordChangeService;
import di03.UserNotFoundException;

public class Main3_xml {
	public static void main(String[] args) {
		GenericXmlApplicationContext ctx = new GenericXmlApplicationContext("classpath:ch02_DIXML/Container3.xml");
		PasswordChangeService pcw = (PasswordChangeService) ctx.getBean("pwChangeSvc");
		System.out.println(pcw);
		
		AuthenticationService authSvc = 
				ctx.getBean("authenticationService", AuthenticationService.class);
		runAuthAndCatchAuthEx(authSvc, "bkchoi", "1111");
		runAuthAndCatchAuthEx(authSvc, "bkchoi", "11111");
		runAuthAndCatchAuthEx(authSvc, "bkchoi", "111111");
		try {
			authSvc.authenticate("bkchoi2", "1111");
		} catch (UserNotFoundException ex) {
		}
		authSvc.authenticate("bkchoi", "1234");
		System.out.println("=======================");
		PasswordChangeService pwChgSvc = ctx.getBean(PasswordChangeService.class);
		pwChgSvc.changePassword("bkchoi", "1234", "5678");
		runAuthAndCatchAuthEx(authSvc, "bkchoi", "1234");
		authSvc.authenticate("bkchoi", "5678");
		ctx.close();

	}
	
	private static void runAuthAndCatchAuthEx(
			AuthenticationService authSvc, String userId, String password) {
		try {
			authSvc.authenticate(userId, password);
		} catch (AuthException ex) {
		}
	}

	
	
}

[Main4_xmlAnno.java]

package ch02_mainDI;

import org.springframework.context.annotation.AnnotationConfigApplicationContext;
import org.springframework.context.support.AbstractApplicationContext;
import org.springframework.context.support.GenericXmlApplicationContext;

import ch02_DIXML.ContainerAnno;
import di03.AuthException;
import di03.AuthenticationService;
import di03.PasswordChangeService;
import di03.UserNotFoundException;

public class Main4_xmlAnno {
	public static void main(String[] args) {
		useBean(new GenericXmlApplicationContext("classpath:ch02_DIXML/Container3.xml"));
		System.out.println("====================");
		useBean(new AnnotationConfigApplicationContext(ContainerAnno.class));
	}
	static void useBean(AbstractApplicationContext ctx) {
		PasswordChangeService pcw = (PasswordChangeService) ctx.getBean("pwChangeSvc");
		System.out.println(pcw);
		
		AuthenticationService authSvc = 
				ctx.getBean("authenticationService", AuthenticationService.class);
		runAuthAndCatchAuthEx(authSvc, "bkchoi", "1111");
		runAuthAndCatchAuthEx(authSvc, "bkchoi", "11111");
		runAuthAndCatchAuthEx(authSvc, "bkchoi", "111111");
		try {
			authSvc.authenticate("bkchoi2", "1111");
		} catch (UserNotFoundException ex) {
		}
		authSvc.authenticate("bkchoi", "1234");
		System.out.println("=======================");
		PasswordChangeService pwChgSvc = ctx.getBean(PasswordChangeService.class);
		pwChgSvc.changePassword("bkchoi", "1234", "5678");
		runAuthAndCatchAuthEx(authSvc, "bkchoi", "1234");
		authSvc.authenticate("bkchoi", "5678");
		ctx.close();
	}
	private static void runAuthAndCatchAuthEx(
			AuthenticationService authSvc, String userId, String password) {
		try {
			authSvc.authenticate(userId, password);
		} catch (AuthException ex) {
		}
	}
}

day61 - Spring Framework(스프링, DI)

바차 — Fri, 10 Sep 2021 00:11:40 +0900

[Container3.xml]

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/beans
		http://www.springframework.org/schema/beans/spring-beans.xsd">

	<bean id="user1" class="di03.User"> 
		<constructor-arg value="bkchoi" /> 
		<constructor-arg value="1234" /> 
	</bean>

	<bean id="user2" class="di03.User"> 
		<constructor-arg value="madvirus" /> 
		<constructor-arg value="qwer" /> 
	</bean>

	<bean id="userRepository" class="di03.UserRepository">
		<property name="users">
			<list>
				<ref bean="user1" />		
				<ref bean="user2" />		
			</list>
		</property> </bean>

	<bean id="pwChangeSvc"
			class="di03.PasswordChangeService">
		<constructor-arg><ref bean="userRepository"/></constructor-arg>
	</bean>
	
	<bean id="authFailLogger" class="di03.AuthFailLogger">
		<property name="threshold" value="2"/>
	</bean>
	
	<bean id="authenticationService" class="di03.AuthenticationService">
		<property name="failLogger" ref="authFailLogger"/>
		<property name="userRepository" ref="userRepsitory" />
	</bean>
</beans>

[user.java]

package di03;

public class User {
	private String id;
	private String password;
	
	public User(String id, String password) {
		super();
		this.id = id;
		this.password = password;
	}
	
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}

	
	
}
package di03;

public class User {
	private String id;
	private String password;
	
	public User(String id, String password) {
		super();
		this.id = id;
		this.password = password;
	}
	
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}

	
	
}
package di03;

public class User {
	private String id;
	private String password;
	
	public User(String id, String password) {
		super();
		this.id = id;
		this.password = password;
	}
	
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}

	
	
}

[UserRepository.java]

package di03;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class UserRepository {
	
	private Map<String, User> userMap = new HashMap<String, User>();
	public void setUsers(List<User> users) {
		for(User u : users) {
			userMap.put(u.getId(), u);
		}
		
	}
}

[AuthFailLogger.java]

package di03;

public class AuthFailLogger {
	private int threshold;
	
	public void setThreshold(int threshold) {
		this.threshold = threshold;
	}
}

[AuthenticationService.java]

package di03;

public class AuthenticationService {
	AuthFailLogger authFailLogger;
	UserRepository userRepository;
	
	public void setFailLogger(AuthFailLogger authFailLogger) {
		this.authFailLogger = authFailLogger;
	}
	public void setUserRepository(UserRepository userRepository) {
		this.userRepository = userRepository;
	}
}

day60 - Spring Framework(스프링, DI 시작)

바차 — Wed, 8 Sep 2021 21:46:05 +0900

[Spring]

- 자바 플랫폼을 위한 오픈 소스 애플리케이션이다.

- 스프링 프레임워크는 IOC 기반의 프레임워크로 IOC는 Inversion of Control의 약자이다. 말그대로 역전 제어로 제어의 역전 통해서 모듈간의 결합도를 낮춰 효율적으로 개발할 수 있도록 돕는 프레임워크이다.

- 의존성 주입(Dependency Injection) 을 통한 유연한 프레임 워크를 구현할 수 있다.

- 관점 지향 프로그래밍(AOP: Aspect Orineted Programming) 을 지원한다.

- 반복적인 코드를 제거하는데 효과적어서 효율성이 증대된다.

[.jar]

- jar 파일은 클래스 파일을 모아둔 것이다.

- 자신의 소스코드 대신 jar 파일만 줘서 다른 사람들에게 내 코드를 제공하지 않으면서 기능을 제공할 수 있다.

- 개인이 jar 파일을 만들어서 사용하거나 배포할 수 있다.

- 크게 보면 이것이 스프링에서 pom.xml의 역할과 비슷하다고 한다.

[DI]

- Dependency Injection의 약어. 의존관계 주입.

- 객체 사이의 의존 관계가 자기 자신이 아닌 외부에 의해 설정된다.

day59 - MyBatis(게시판 mybatis 적용)

바차 — Tue, 7 Sep 2021 22:30:35 +0900

[board.xml]

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE mapper PUBLIC "-//mybatis.org/DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="board" >

<select id="seqNextval" resultType="int">
select multiboardseq.nextval from dual
</select>
<insert id="insertBoard" parameterType="board">

insert into multiboard
(num, name, pass, subject, content, file1, regdate, readcnt, ref,reflevel, refstep, boardid) values 
(#{num}, #{name}, #{pass},#{subject},#{content}, #{file1}, 
sysdate, 0,#{ref}, #{reflevel},#{refstep},#{boardid})

</insert>
<!-- 파라미터가 boardid 하나만 있으므로   parameterType은 String, 결과 값은 count 값이므로 int-->
<select id="boardCount" parameterType="String" resultType="int">

select count(*) count from multiboard where boardid=#{boardid} </select>

<!-- 파라미터가 여러개이니 map으로, 결과 값은 * 로 여러개를 묶어 출력하니 board 로 -->
<select id="list" parameterType="map" resultType="board">

select * from (select rownum rnum,a.*

from (select * from multiboard where boardid = #{boardid} order by ref desc, refstep) a )

where rnum between #{start} and #{end}
</select>

<!-- select는 결과값이 select문을 통해 출력되기 때문에 parameterType 뿐만 아니라 resultType도 있어야 한다.  -->
<select id="selectOne" parameterType="int" resultType="board">
select * from multiboard where num=#{num}
</select>

<select id="readcntadd" parameterType="int">
update  multiboard set readcnt = readcnt + 1  where num =#{num}
</select>

<update id="refstepadd" parameterType="map">
update  multiboard set refstep = refstep + 1" + " where ref = #{ref} and refstep > #{refstep}
</update>


<update id="update" parameterType="board">
update  multiboard set name=#{name},subject=#{subject},content=#{content},file1=#{file1}    where num=#{num}
</update>

<!-- insert, update, delete는 결과 값이 없기 때문에 resultType은 없고 parameterType은 있다.  -->
<delete id="delete" parameterType="int">
delete from multiboard where num=#{num}
</delete>
</mapper>

[BoardController.java]

package controller;

import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.oreilly.servlet.MultipartRequest;

import dao.BoardMybatisDao;
import model.Board;

public class BoardController extends Action {
	
	public String list(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		/*
		 * 게시물 목록 보기 
		 * 1. pageNum 파라미터 존재. pageNum 파라미터 없으면 1로 설정. 
		 * 2. 10건의 게시물 출력. => db에서
		 *    해당 페이지에 출력되는 게시물만 조회. 순서 : 최근 게시물 순으로 
		 * 3. 화면에 출력.
		 * 4. boardid 파라메터가 없으면 session을 수정하지 않음 default는 1임
		 */
		HttpSession session = request.getSession();
		// pageNum이 넘어와야 pageNum이 바뀜
		if (request.getParameter("pageNum") != null) {
			session.setAttribute("pageNum", request.getParameter("pageNum"));
		}
		// boardid가 넘어와야 세션이 변경됨 : 현재 게시판분류에 따른 입력,수정을 적용
		if (request.getParameter("boardid") != null) {
			session.setAttribute("boardid", request.getParameter("boardid"));
			session.setAttribute("pageNum", "1");
		}

		
		String pageNum = (String) session.getAttribute("pageNum");
		if (pageNum == null) 	pageNum = "1";
		int pageInt = Integer.parseInt(pageNum);
		
		String boardid = (String) session.getAttribute("boardid");
		if (boardid == null)  	boardid = "1";
		

		
		
		int limit = 10; // 한페이지에 출력할 게시물 건수
		BoardMybatisDao dao = new BoardMybatisDao();
		int boardcount = dao.boardCount(boardid);// 등록된 전체 게시물의 건수
		/*
		 * pageInt-현재 페이지 넘버, 
		 * limit-한페이지에 출력할 게시물 건수
		 * boardcount--등록된 전체 게시물의 건수
		 * boardid-공지사항(1),자유게시판(2), QnA(3)
		 */
		List<Board> list = dao.list(pageInt, limit, boardcount, boardid); // 화면에 출력된 게시물 데이터
		// 13 ---> boardcount/limit : 4 + 1
		//-----------paging 작업
		int maxpage = (int) (boardcount / limit) + (boardcount % limit == 0 ? 0 : 1);
		int bottomLine = 3;
		// page 1,2,3 : 1, 4,5,6: 2
		int startpage = 1 + (pageInt - 1) / bottomLine * bottomLine;
		int endpage = startpage + bottomLine - 1;
		if (endpage > maxpage) 	endpage = maxpage;
		int boardnum = boardcount - (pageInt - 1) * limit;  //100개 1:100, 2:90, 3:80
		//-----------paging 작업
		
		
		

		
		//print list
		request.setAttribute("boardcount", boardcount);  // 등록된 전체 게시물의 건수
		request.setAttribute("list", list);  //프린트한 게시물
		request.setAttribute("boardnum", boardnum); //게시물 시작번호
		request.setAttribute("pageNum", pageNum);  //현재 페이지 번호
		
		//하단 paging
		request.setAttribute("startpage", startpage); // 하단 시작 페이지
		request.setAttribute("endpage", endpage);  //하단 end 페이지
		request.setAttribute("bottomLine", bottomLine);  //하단 화면당 페이지 보기
		request.setAttribute("maxpage", maxpage);  //총 페이지수
	
		//게시판 제목
		request.setAttribute("boardName", getBoardName(boardid));  //게시판 제목 (공지시항, 자유게시판, QnA)
		
		return "/view/board/list.jsp";
	}
	
	
	public String getBoardName(String boardid) {
		
		String boardName = "";
		switch (boardid) {
		case "1": {   boardName="공지사항"; break;	}
		case "2": {   boardName="자유게시판"; break;	}
		case "3": {   boardName="QnA"; break;	}
		default:
			 boardName="공지사항";
		}
		
		return boardName;
	}
	
	
	
	
	
	

	public String writeForm(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null)  	boardid = "1";
		request.setAttribute("boardName", getBoardName(boardid));
		return "/view/board/writeForm.jsp";
	}

	public String writePro(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		/* 준비사항 :  WebContent/upfile folder작성하세요
		 * 1. 파라미터 값을 model.Board 객체 저장. 
		 * 2. sequence.nextval 처리 */
		String uploadpath = request.getServletContext().getRealPath("/") + "upfile";
		int size = 10 * 1024 * 1024;
		MultipartRequest multi;
		//boardid session 저장 내용 : default  1
		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null) 	boardid = "1";  //1 공지사항
		try {	multi = new MultipartRequest(request, uploadpath, size, "utf-8");
			Board board = new Board();
			board.setName(multi.getParameter("name"));	board.setPass(multi.getParameter("pass"));
			board.setSubject(multi.getParameter("subject"));
			board.setContent(multi.getParameter("content"));
			board.setFile1(multi.getFilesystemName("file1"));		board.setBoardid(boardid);
			if (board.getFile1() == null) 	board.setFile1("");
			// 2. sequence nextval 입력
			BoardMybatisDao dao = new BoardMybatisDao();
			// 3. board 객체의 내용을 db에 insert 하기
			String msg = "게시물 등록 실패";		String url = "board/writeForm";
			if (dao.insert(board)) {		msg = "게시물 등록 성공";		url = "board/list";	}
			request.setAttribute("msg", msg);
			request.setAttribute("url", url);
		} catch (IOException e) {
			e.printStackTrace();		}
		return "/view/alert.jsp";
	}	

	public String info(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		/*
		 * : 게시물 상세 보기 :board/info?num=41 
		 * 
		 * 1. num 파라미터를 이용하여 db에 해당 게시물 조회 
		 *      Board board = new BoardMybatisDao().selectOne(num); 
		 * 2. 조회수 증가시키기. 
		 * readcnt+1 new BoardDao().readcntadd(num); 
		 * 
		 * 3. 1번에서 조회한 게시물데이터를 화면에 출력하기
		 */

		int num = Integer.parseInt(request.getParameter("num"));
		// 파라미터값읽기
		BoardMybatisDao dao = new BoardMybatisDao();
		Board board = dao.selectOne(num); // 게시물 조회
		dao.readcntadd(num); // 조회건수증가
		request.setAttribute("board", board);
		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null)  	boardid = "1";
		request.setAttribute("boardName", getBoardName(boardid));
		
		return "/view/board/info.jsp";
	}

	
	public String updateForm(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		/*
		 * 1. num 값의 게시물을 조회화여 화면 출력하기
		 */
		int num = Integer.parseInt(request.getParameter("num"));
		Board board = new BoardMybatisDao().selectOne(num);
		request.setAttribute("board", board);
		return "/view/board/updateForm.jsp";
	}

	public String update(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		/*
		 * 1. 파라미터정보들을 Board 객체 저장. 
		 * 2. 비밀번호 검증 비밀번호
		 * 일치 : 수정으로. 
		 * 비밀번호 불일치 : 비밀번호 오류 메세지 출력하고, updateForm.jsp로 페이지 이동 3. 수정성공 : 수정성공
		 * 메시지 출력 후 list.jsp 페이지 이동 수정실패 : 수정실패 메시지 출력 후 updateForm.jsp 페이지 이동
		 */

		// 파라미터 정보 Board 객체에 저장
		Board board = new Board();
		String uploadpath = request.getServletContext().getRealPath("/") + "upfile/";
		MultipartRequest multi;
		try {
			multi = new MultipartRequest(request, uploadpath, 10 * 1024 * 1024, "euc-kr");

			board.setNum(Integer.parseInt(multi.getParameter("num")));
			board.setName(multi.getParameter("name"));
			board.setPass(multi.getParameter("pass"));
			board.setSubject(multi.getParameter("subject"));
			board.setContent(multi.getParameter("content"));
			board.setFile1(multi.getFilesystemName("file1"));
			// 수정시 첨부파일의 수정이 발생하지 않은 경우
			if (board.getFile1() == null || board.getFile1().equals("")) {
				board.setFile1(multi.getParameter("file2"));
			}
			// 비밀번호 검증
			BoardMybatisDao dao = new BoardMybatisDao();
			Board dbBoard = dao.selectOne(board.getNum());
			String msg = "비밀번호가 틀렸습니다.";
			String url = "board/updateForm?num=" + board.getNum();

			if (board.getPass().equals(dbBoard.getPass())) {
				// 수정하기
				if (dao.update(board)) {
					msg = "게시물 수정 완료";
					url = "board/list";
				} else {
					msg = "게시물 수정 실패";
				}
			}
			request.setAttribute("url", url);
			request.setAttribute("msg", msg);
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}

		return "/view/alert.jsp";
	}

	public String deleteForm(HttpServletRequest request, HttpServletResponse response) throws Throwable {

		int num = Integer.parseInt(request.getParameter("num"));
		request.setAttribute("num", num);
		return "/view/board/deleteForm.jsp";
	}

	public String delete(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		/*
		 * /WebContent/model1/board/delete.jsp 1. num,pass 파라미터를 변수에 저장. 2. 입력된 비밀번호와 db
		 * 비밀번호 검증 틀린경우 : 비밀번호 오류 메시지 출력, deleteForm.jsp 페이지 이동 3. 게시물 삭제. 삭제 성공 : 삭제 성공
		 * 메시지 출력, list.jsp 페이지 이동 삭제 실패 : 삭제 실패 메시지 출력, info.jsp 페이지 이동
		 */

		int num = Integer.parseInt(request.getParameter("num"));
		String pass = request.getParameter("pass"); // 입력된 비밀번호
		System.out.println(pass);
		String msg = "비밀번호가 틀렸습니다!";
		String url = "board/deleteForm?num=" + num;
		BoardMybatisDao dao = new BoardMybatisDao();
		Board board = dao.selectOne(num);
		// board.getPass() : db에 저장된 비밀번호
		if (pass.equals(board.getPass())) {
			if (dao.delete(num)) {
				msg = "게시글을 성공적으로 삭제하였습니다.";
				url = "board/list";
			} else {
				msg = "게시글을 삭제하는데 실패하였습니다!";
				url = "board/info?num=" + num;
			}
		}

		request.setAttribute("url", url);
		request.setAttribute("msg", msg);

		return "/view/alert.jsp";
	}

	public String replyForm(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		/*
		 * 답변글 쓰기 화면 
		 * 1. 원글의 num을 파라미터로 받는다. 
		 * 2. 원글의 num,ref,reflevel,refstep 정보를 저장 
		 * 3. 입력 화면 표시
		 */

		int num = Integer.parseInt(request.getParameter("num"));// 파라미터값읽기
		BoardMybatisDao dao = new BoardMybatisDao();
		Board board = dao.selectOne(num); // 게시물 조회

		request.setAttribute("board", board);
		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null)  	boardid = "1";
		request.setAttribute("boardName", getBoardName(boardid));
		return "/view/board/replyForm.jsp";
	}

	
	
	
	
	
	public String replyPro(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		request.setCharacterEncoding("utf-8");
		String boardid = (String) request.getSession().getAttribute("boardid");
		if (boardid == null) 	boardid = "1";
		Board board = new Board();
		board.setNum(Integer.parseInt(request.getParameter("num")));
		board.setRef(Integer.parseInt(request.getParameter("ref")));
		board.setReflevel(Integer.parseInt(request.getParameter("reflevel")));
		board.setRefstep(Integer.parseInt(request.getParameter("refstep")));
		board.setName(request.getParameter("name"));
		board.setPass(request.getParameter("pass"));
		board.setSubject(request.getParameter("subject"));
		board.setContent(request.getParameter("content"));
		board.setFile1("");
		board.setBoardid(boardid);
		BoardMybatisDao dao = new BoardMybatisDao();
		dao.refstepadd(board.getRef(), board.getRefstep());
		// 3. Board 객체를 db에 insert 하기.
		String msg = "답변등록시 오류발생";
		String url = "board/replyForm?num=" + board.getNum();
		if (dao.insert(board)) {
			msg = "답변등록 완료";	url = "board/list";
		}
		request.setAttribute("url", url);
		request.setAttribute("msg", msg);
		return "/view/alert.jsp";
	}
	
}

day58 - MyBatis(parameterType, resultType, 게시판에 mybatis 적용)

바차 — Mon, 6 Sep 2021 23:46:11 +0900

[board.xml]

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE mapper PUBLIC "-//mybatis.org/DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="board" >

<select id="seqNextval" resultType="int">
select multiboardseq.nextval from dual
</select>
<insert id="insertBoard" parameterType="board">

insert into multiboard
(num, name, pass, subject, content, file1, regdate, readcnt, ref,reflevel, refstep, boardid) values 
(# {num}, #{name}, #{pass},#{subject},#{content}, #{file1}, 
sysdate, 0,#{ref}, #{reflevel},#{refstep},#{boardid})

</insert>
<!-- 파라미터가 boardid 하나만 있으므로   parameterType은 String, 결과 값은 count 값이므로 int-->
<select id="boardCount" parameterType="String" resultType="int">

select count(*) count from multiboard where boardid=#{boardid} </select>

<!-- 파라미터가 여러개이니 map으로, 결과 값은 * 로 여러개를 묶어 출력하니 board 로 -->
<select id="list" parameterType="map" resultType="board">

select * from (select rownum rnum,a.*

from (select * from multiboard where boardid = #{boardid} order by ref desc, refstep) a )

where rnum between #{start} and #{end}
</select>

<!-- select는 결과값이 select문을 통해 출력되기 때문에 parameterType 뿐만 아니라 resultType도 있어야 한다.  -->
<select id="selectOne" parameterType="int" resultType="board">
select * from multiboard where num=#{num}
</select>

<select id="readcntadd" parameterType="int">
update  multiboard set readcnt = readcnt + 1  where num =#{num}
</select>

<update id="refstepadd" parameterType="map">
update  multiboard set refstep = refstep + 1" + " where ref = #{ref} and refstep > #{refstep}
</update>


<update id="update" parameterType="board">
update  multiboard set name=#{name},subject=#{subject},content=#{content},file1=#{file1}" + " where num=#{num}
</update>

<!-- insert, update, delete는 결과 값이 없기 때문에 resultType은 없고 parameterType은 있다.  -->
<delete id="delete" parameterType="int">
delete from multiboard where num=#{num}
</delete>
</mapper>

AutoHotkey로 방향키 대신 wasd 또는 ijkl를 방향키로 쓰기 - AutoHotkey 다운 부터 키맵 설정, 시작 프로그램 등록하기

바차 — Sun, 5 Sep 2021 18:55:05 +0900

(최종 코드는 가장 아래에 있습니다.)

코딩을 하다보면 방향키를 사용할 때가 많다.

하지만 방향키는 상대적으로 오른쪽에 위치해서 손목을 계속 꺾어야 하는 불편함이 있다.

평소에는 괜찮았는데 요즘 손목이 아프기 시작해서 방법을 강구하다가

오토핫키를 써서 리눅스의 단축키처럼 키보드에서 손을 덜 움직이고 편하게 코딩할 수 있도록 설정하는 방법을 찾게 되었다.

https://yongj.in/utility/AutoHotKey-CapsLock+ijkl%EB%A5%BC-%EB%B0%A9%ED%96%A5%ED%82%A4%EB%A1%9C-%EB%B0%94%EA%BE%B8%EA%B8%B0/

[AutoHotKey] CapsLock+ijkl를 방향키로 바꾸기

오토핫키 하나로 일반 키보드를 코딩용 키보드로 만든다.

yongj.in

http://www.kbdmania.net/xe/tipandtech/7063618

Tip & Tech : KBDMania - 오토핫키를 이용하여 CapsLock을 펑션키로 사용하기

안녕하세요, 660m 유저입니다. 다들 아시다시피 일반적으로 fn키는 키매핑이 존재하지 않아서 키매핑 프로그램들로 키를 바꾸는 것이 불가능합니다. 그래서 fn키 위치를 바꾸는 것은 포기하고 Caps

www.kbdmania.net

가장 많이 참고한 블로그이다.

여러가지 블로그에서 좋은점을 가져오고 오토핫키 다운 부터 사용하기에 최적화 한 후 주의사항도 알아보도록 한다.

1. 오토핫키 다운

https://www.autohotkey.com/

AutoHotkey

AutoHotkey provides a simple, flexible syntax allowing you to focus more on the task at hand rather than every single little technicality. It supports not only the popular imperative-procedural paradigm, but also object-oriented and command-based programmi

www.autohotkey.com

먼저 해당 사이트에 들어가서 오토핫키를 다운 받는다.

Download -> Download Current Version 을 눌러 다운 받아 실행하면

가 생기고 실행하보면 도움말이랑 가이드라인만 있고 실제 코딩 영역은 없다.

프로그램을 만드는 방법은 해당 프로그램을 실행시키는 것이 아니다.

실제 방법은 먼저 메모장 파일을 하나 만들어서

SetCapsLockState, AlwaysOff




#If GetKeyState("Capslock","P")
	i::Up
	j::Left
	k::Down
	l::Right
	u::BackSpace
	o::Del

	]::Send, {>}
	1::Send, {(}
	2::Send, {)}
	3::Send, {{}
	4::Send, {}}
	5::Send, {[}
	6::Send, {]}
	7::PgUp
	8::PgDn


	w::PgUp
	a::^+Left
	s::PgDn
	d::^+Right
	e:: Send, {=}
	q::BackSpace
	t::_
	r::=
	z::Home
	x::End
	c::^c
	v::^v
	h::^Left
	`;::^Right


	=::Send, {=}{>}
	n::Home
	m::End
	f::CapsLock
	,::Send, {<}{-}
	.::Send, {-}{>}
#If


^F10::Send CtrlUp

해당 코드를 복사 붙혀넣기를 하고

확장자를 .txt 에서 .ahk로 바꿔주면 오토핫키 스크립트 파일을 만들어 줄 수 있다.

2. CapsLock으로 사용법 및 원하는 대로 설정 변경하기

[사용법]

- 모든 커맨드는 caps lock 버튼을 누른 상태에서 다른 버튼을 누르면 실행된다.

- ijkl를 누르면 방향키 없이 방향키 조작이 가능하다.

- j 와 l 옆에 h와 ; 는 각각 ctrl + left, ctrl + right로 설정하여 문장 사이를 빠르게 넘어갈 수 있게 하였다.

그냥 ctrl + caps lock + j or l 또한 가능하지만 누르기 불편해서 따로 지정해 주었다.

- n과 m은 home 키와 end키로 지정하였다. 문장의 처음 과 끝으로 이동할 수 있다.

- u와 o는 backspace 와 delete 로 지정하였다. 방향키 만큼 쓰지는 않게 되는 것 같다.

[설정 변경하기]

먼저 오토 핫키는 특수키를 특정 문자와 매칭되어 있다.

1. 위의 해당 코드를 보면 알겠지만 기존 단축키 명령어는

x::^c 이런식으로 사이에 :: 를 사용한다.

2. 커맨드를 통해 실제 문자를 출력하고 싶다면

x::send,{>} 형식으로 작성하면 출력할 수 있다.

3. 기존 오토핫키에서 문법으로 사용하고 있는 ; 같은 문자를 단축키로 사용하고 싶다면

`; 로 ; 옆에 `를 붙여서 사용한다.

4. 한영키는 오토핫키로 커맨드 조작이 불가능하다고 한다.

3. 오토핫키 스크립트를 컴퓨터 시작 시에 실행시키기

오토핫키 스크립트를 작성하고 실행하면 정상적으로 작동하지만

컴퓨터를 키고나서 자동으로 프로그램이 실행하였으면 했다.

방법은 win + r 을 눌러서

shell:startup을 작성하고 확인을 누른다.

그러면 이렇게 시작 프로그램 파일이 있는데 여기에 해당 스크립트 파일 바로가기를 생성해 넣어주면

이제 컴퓨터가 시작되었을 대 스크립트 파일이 자동으로 실행된다.

4. 주의점

만약에 게임을 하게 되면 오토핫키가 문제가 될 수 있다.

롤 같은 경우 오토핫키를 사용시에 자동으로 제제를 가하는 듯 하다.

오토핫키 스크립트가 실행되는 중에 롤을 플레이하게 되면 갑자기 게임이 다운되는 경우가 있는데

이때 컴퓨터를 다시 껐다 켜도 해당 판은 재접속이 불가능하다.

게임 플레이 전에는 해당 파일을 잠시 종료시키길 추천한다.

(*롤 클라이언트를 감지해 롤 실행시 오토핫키 종료하는 코드 추가)

[스크립트 수정]

- 롤 프로세스를 탐지해서 롤 클아이언트 실행시 스크립트 자동 종료하는 코드 추가

- Sleep, 1000 추가로 리소스 덜 쓰게 변경

[크롬 탭 이동]

- a, d로 스크린 탭 이동 기능 추가

- w, s로 스크롤 하기 - 마우스 스크롤 두번 정도( pg up down이 화면을 너무 많이 넘겨 설정 했다.)

[윈도우 가상 데스크톱]

- r로 가상 데스크톱 생성, t 로 가상 데스크톱 삭제 추가

- q e로 가상 데스크톱 좌우 이동 추가

SetCapsLockState, AlwaysOff


Loop{
        IfWinExist, ahk_exe LeagueClientUx.exe
        {
		ExitApp
        }
        Sleep, 1000
}


#If GetKeyState("Capslock","P")
	i::Up
	j::Left
	k::Down
	l::Right
	u::BackSpace
	o::Del

	]::Send, {>}
	1::Send, {(}
	2::Send, {)}
	3::Send, {{}
	4::Send, {}}
	5::Send, {[}
	6::Send, {]}
	7::PgUp
	8::PgDn


	w::Send, {Up}{Up}{Up}{Up}{Up}{Up}
	a::Send, ^+{tab}
	s::Send, {Down}{Down}{Down}{Down}{Down}{Down}
	d::Send, ^{tab}
	f::Send, ^w
	r::Send, #^d
	e::Send, #^{Right}
	q::Send, #^{Left}
	t::Send, ^#{F4}
	z::Send, {F11}
	x::Send, {F10}
	c::Send, +{F11}
	v::^v
	h::^Left
	`;::^Right


	=::Send, {=}{>}
	n::Send, !{tab}
	m::Home
	g::CapsLock
	,::End
	.::Send, {-}{>}
#If



^F10::Send CtrlUp

day57 - MyBatis(parameterType, resultType)

바차 — Fri, 3 Sep 2021 12:19:13 +0900

[parameterType]

- 마이바티스에서 parameterType 속성을 사용해서 해당 파라미터의 자료형을 명시해준다. 위에서는 student 객체에 결과가 담긴다. student는 미리 생성해둔 Model 객체이다.

[resultType]

- select 된 데이터를 반환할 그릇을 의미한다고 한다.

-> 즉 parameterType으로 col 과 value가 Map 자료형임을 명시하고

-> resultType으로 결과 값이 student 객체에 담길 것이라는 의미

[#{}]

- #{} 사용시 PreparedStatement 생성되고 PreparedStatement 매개 변수 값 안전하게 설정한다.

- PreparedStatement 가 제공하는 set 계열의 메소드를 사용하여 (?)를 대체할 값을 지정한다.

- 데이터 문자열을 자동으로 인식하기 때문에 자동 따옴표 붙인다.

- 쿼리 주입을 예방할 수 있어서 보안 측면에서 유리하다.

[${}]

- ${} 사용시 Statement 생성하고 Statement 매개변수 값 그대로 전달한다.

- 전달한 문자열에 따옴표가 붙지 않는다.

- 테이블이나 컬럼명을 파라미터로 전달하고 싶을 때 사용한다.

- ORDER BY 함수를 사용할 때 자동 따옴표가 붙으면 함수가 안먹기 때문에 ${}를 써야한다고 한다.

- 쿼리 주입을 예방할 수 없어서 보안 측면에서는 불리하다.

[StudentMapper2.xml]

<?xml version="1.0" encoding="UTF-8" ?>
<!-- /src/mapperXML/StudentMapper2.xml --> 
<!DOCTYPE mapper PUBLIC "-//mybatis.org/DTD Mapper 3.0//EN" 
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="student2">

<select id="select" resultType="student">
	select * from student

</select>

<select id="select2" resultType="student" parameterType="map">
	select * from student
	<where>
		<if test="grade !=null"> grade=#{grade}</if>
		<if test="height !=null">height >= #{height}</if>
		<if test="studno !=null">studno = #{studno}</if>
	</where>
</select>


<!-- map 에서 내가 원하는 컬럼을 골라 사용 가능 하도록 where ${col} = #{value}로 지정 -->
<select id="select3" resultType="student" parameterType="map">
	select * from student
		where ${col} = #{value}
</select>

<select id="select4" resultType="student" parameterType="map">
	select ${col} from student
</select>

<select id="select5" resultType="student" parameterType="map">
	select * from student
	<choose>
	<when test="grade !=null and height !=null">
	where grade = #{grade} and height = #{height}
	</when>
	<when test="grade!=null">where grade = #{grade}</when>
	<when test="height!=null">where height >= #{height}</when>
	</choose>
</select>

<select id="select6" resultType="student" parameterType="map">
	select * from student
	<trim prefix="where" prefixOverrides="AND || OR">
		<if test="grade != null"> and grade = #{grade}</if>
		<if test="height != null"> and height >= #{height}</if>
		<if test="weight != null"> and weight >= #{weight}</if>
	</trim>
</select>

<select id="select7" resultType="student" parameterType="map">
	select * from student
	<if test="datas !=null">
	where ${col} in
	<foreach collection="datas" item="d" separator=","
		open="("  close=")">#{d}
	</foreach>
	</if>
		
</select>

</mapper>

[Main3StudentXML.java]

package main;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;

import model.Student;

public class Main3StudentXML {
	private final static String NS = "student."; 
	private static Map map = new HashMap(); 
	public static void main(String[] args) {

		SqlSessionFactory sqlMap = Main1.initMybatis(); 
		SqlSession session = sqlMap.openSession();
		
		System.out.println("student table 추가");
		Student s= new Student();
		s.setStudno(1111);
		s.setName("케이아");
		s.setGrade(1);
		s.setId("kic001");
		s.setJumin("1111111111");
		s.setDeptno1(101);
		
//		int cnt = session.insert(NS+"insert" , s);
//		System.out.println("student record 추가: " + cnt);
//		session.commit();
		
		s.setGrade(2);
		s.setWeight(60);
		s.setHeight(180);
		s.setProfno(2222);
		s.setStudno(1111);
		
//		int cnt = session.update(NS + "update", s);
//		System.out.println("student record 수정: " + cnt);
//		session.commit();
		
//		int cnt = session.delete(NS + "delete", 1111);
//		System.out.println("student record 삭제: " + cnt);
//		session.commit();
		

		
		//전체 뽑기
		//List<Student> li = session.selectList (NS+"select" , s);
		
		// 1111만 선택해 뽑기
		List<Student> li = session.selectList (NS+"select" , 1111); 
		System.out.println("student row count: "+li.size());

		for (Student st : li) {
			System.out.println(st);
		}
		
		li = session.selectList(NS + "selectRMap");
		System.out.println("student row count: "+li.size());
		for (Student st : li) {
			System.out.println(st);
		}
	}
}

[Main4StudentXML.java]

package main;

import java.util.Arrays;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;

import model.Student;

public class Main4StudentXML {
	// 수정 사항
	//1, config.xml에 <mapper resource="mapperXML/StudentMapper2.xml"/>를 추가해줘야 한다.
	//2. StudentMapper2 의 namespace와 NS ="student2."가 같아야 한다.
	//3. parameterType가 아니라 resultType="student" 로 수정해야 한다.
	private final static String NS ="student2.";
	private static Map map = new HashMap();
	
	public static void main(String[] args) {
		SqlSessionFactory sqlMap = Main1.initMybatis(); 
		SqlSession session = sqlMap.openSession();
		List<Student> li = session.selectList (NS+"select"); 
//		
//		Student s= new Student();
//		System.out.println("student row count: "+li.size());
//
//		for (Student st : li) {
//			System.out.println(st);
//		}
		
		
		
		//map.put("grade", 1);
		//map.put("height", 180);
		map.put("studno", 9711);
		li = session.selectList(NS+"select2", map);
		System.out.println("student row count: "+li.size());
		for (Student st : li) {
			System.out.println(st);
		}
		
		System.out.println("=====================================================");
		
		// 이렇게 내가 원하는 컬럼을 골라 사용 가능
		map.clear();
		map.put("col", "height");
		map.put("value", 180);
		
//		map.put("col", "weight");
//		map.put("value", 70);
		li = session.selectList(NS+"select3", map);
		System.out.println("student row count: "+li.size());
		for (Student st : li) {
			System.out.println(st);
		}
		
		map.clear();
		map.put("col", "name");
		li = session.selectList(NS+"select4", map);
		System.out.println("student row count: "+li.size());
		for (Student st : li) {
			System.out.println(st);
		}
		
		System.out.println("=====================================================");
		
		
		map.clear();
		//map.put("grade", "1");
		map.put("height", 170);
		li = session.selectList(NS+"select5", map);
		System.out.println("student row count: "+li.size());
		for (Student st : li) {
			System.out.println(st);
		}
		
		
		System.out.println("=====================================================");
		
		
		map.clear();
		map.put("grade", "1");
		map.put("height", 170);
		map.put("height", 60);
		li = session.selectList(NS+"select6", map);
		System.out.println("student row count: "+li.size());
		for (Student st : li) {
			System.out.println(st);
		}
		
		
		
		System.out.println("=====================================================");
		List<Integer> ali = Arrays.asList(101, 201);
		map.clear();
		map.put("col", "deptno1");
		map.put("datas", ali);
		li = session.selectList(NS+"select7", map);
		System.out.println("student row count: "+li.size());
		for (Student st : li) {
			System.out.println(st);
		}

	}
}

day56 - MyBatis(Mybatis, Mybatis 실행 절차)

바차 — Fri, 3 Sep 2021 02:19:30 +0900

[MyBatis]

- 자바에서 데이터베이스 프로그래밍을 좀 더 쉽게 할 수 있게 도와 주는 개발 프레임 워크이다.

- java beans 객체를 preparedStatement parameters와 ResultMaps로 쉽게 매핑을 할수 있도록 도와준다.

- 이를 통해 database에 접근하기 위한 자바 코드의 양을 줄일 수 있다.

[MyBatis 실행 절차]

1. 객체를 파라미터로 전달

-> javaBeans, Map or primitive Wrapper

2. 매핑되는 sql 문장을 수행

-> sql Maps 프레임워크는 PreparedStatement 인스턴스 생성

-> 객체로부터 제공되는 값들을 파라미터로 세팅

3. SQL 문장을 수행하고 ResultSet으로부터 결과 객체를 생성.

-> Update의 경우에는 영향을 받은 rows 수가 반환된다.

-> 쿼리의 경우 하나 혹은 여러 객체들이 반환된다.

[mybatis 태그들]

- 여기서 comment는 클래스를 의미한다.

- 기존 jsp 에서는 VALUE(?, ?, ? ... ) 이런식으로 ? 를 써줬지만

- mybatis에서는 comment라는 클래스를 parameterType으로 지정해 주고 comment 클래스 안에 부합하는 변수들이 존재한다면 getUserId와 같은 것들을 끌어와 VALUE() 안에 있는 변수들과 자동적으로 대응시켜준다.

[변수 설정]

- 만약 DB에서 설정한 컬럼 명과 setter getter에서 설정한 프로퍼티 이름이 다를 경우에는 resultMap으로 설정할 수는 있지만 웬만하면 컬럼명과 setter/getter 프로퍼티 명은 같게 해주는 것이 무조건 좋다.

[MemberMapper1.xml]

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "//mybatis.org/DTD Mapper 3.0//EN" 
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="member">
	<select id="count" resultType="int">
		select count(*) from member2
	</select>
	
	<select id="list" resultType="member">
		select * from member2
	</select>
	
	<select id="selectId" parameterType="string" resultType="member">
		select * from member2 where id = #{value}
	</select>
	
	<select id="selectName" parameterType="string" resultType="member">
		select * from member2 where name like '%${value}%'
	</select>
	
	<select id="selectNameGender" parameterType="map" resultType="member">
		select * from member2 where name like '%${name}%' and gender = #{gender}
	</select>



</mapper>

[main1.java]

package main;

import java.io.IOException;
import java.io.Reader;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

public class Main1 {

	public static void main(String[] args) { 
		initMybatis();
	}

	public static SqlSessionFactory initMybatis() { 
		SqlSessionFactory sqlMap = null;
	
		Reader reader = null;
		
		try {
		
		reader =  Resources.getResourceAsReader("mapperXML/mybatis-config.xml"); 
		sqlMap = new SqlSessionFactoryBuilder ().build(reader);
		System.out.println("ok config"); 
		} catch (IOException e) {
		
			// TODO Auto-generated catch block. 
			e.printStackTrace();
		}
		return sqlMap;
	}
}

[main2MemberXML.java]

package main;

import java.lang.reflect.Member;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;

public class Main2MemberXML {
	private final static String NS ="member.";
	
	public static void main(String[] args) {
		SqlSessionFactory sqlmap = Main1.initMybatis();
		SqlSession session = sqlmap.openSession();
		
		// 하나 받아오기
		int x = session.selectOne(NS + "count");
		System.out.println("count: "+ x);
		
		// 리스트 받아오기
		List<Member> li = session.selectList(NS + "count");
		for(Member m : li) {
			System.out.println(m);
		}
		
		Member member = session.selectOne(NS + "selectId");
		System.out.println(member);
		
		li = session.selectList(NS + "selectName" , "2");
		for(Member m : li) {
			System.out.println(m);
		}
		
		Map map = new HashMap();
		map.put("name", "4"); // 이름에 4가 들어간 사람을 추출하기 위함
		map.put("gender", "1");
		li = session.selectList(NS + "selectNameGender" , map);
		
		for(Member m : li) {
			System.out.println(m);
		}
	}
}

java.sql.SQLException: ORA-01017: invalid username/password; logon denied

바차 — Fri, 3 Sep 2021 01:56:01 +0900

Mybatis 실습 도중에 이러한 오류가 생겼다.

내가 지정해두었던 DB 연결 비밀번호에 오타가 있었다.

DB 연결하는 아이디와 비밀번호를 한번더 확인해보자.

day55 - JSP(공지사항 페이지 )

바차 — Thu, 2 Sep 2021 02:21:11 +0900

[BoardDao.java]

package dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

import model.Board;
import util.DBConnection;

public class BoardDao {
	public boolean insert(Board board) {
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		System.out.println("insert:"+board);
		int num = 0;
		String sql1 = "select multiboardseq.nextval from dual";
		String sql2 = "insert into multiboard " + "(num, name, pass, subject, content, file1, regdate,"
				+ "readcnt, ref, reflevel, refstep, boardid)" + "  values  (?,?,?,?,?,?,sysdate,0,?,?,?,?)";
		//---------------------------
		int ref = 0, reflevel = 0, refstep = 0;
		//---------------------------
		try {
			pstmt = conn.prepareStatement(sql1);
			rs = pstmt.executeQuery();
			if(rs.next()) num = rs.getInt(1);
			// ---------------- 답글인 경우
			if(board.getNum() > 0) {
				ref = board.getRef();
				reflevel = board.getReflevel() + 1;
				refstep = board.getRefstep() + 1;
			}else {
				
				ref = num;
			}
			// ---------------- 답글인 경우
			pstmt = conn.prepareStatement(sql2);
			pstmt.setInt(1, num);
			pstmt.setString(2, board.getName());
			pstmt.setString(3, board.getPass());
			pstmt.setString(4, board.getSubject());
			pstmt.setString(5, board.getContent());
			pstmt.setString(6, board.getFile1());
			pstmt.setInt(7, ref);
			pstmt.setInt(8, reflevel);
			pstmt.setInt(9, refstep);
			pstmt.setString(10, board.getBoardid());
			pstmt.executeUpdate();
			return true;
				
			}catch(SQLException e) {
				e.printStackTrace();
		}
		finally {
			DBConnection.close(conn, pstmt, null);
		}
		return false;
	}
	
	public int boardCount(String boardid) {
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		try {
			pstmt = conn.prepareStatement("select count(*) count from multiboard where boardid  = ?");
			pstmt.setString(1, boardid);
			rs = pstmt.executeQuery();
			rs.next();
			return rs.getInt(1);
		}catch(SQLException e) {
			e.printStackTrace();
		}finally {
			DBConnection.close(conn, pstmt, rs);
		}
		return 0;
	}
	
	public List<Board> list(int pageInt, int limit, int boardcount, String boardid){
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		List<Board> list = new ArrayList<Board>();
		//----------------------
		int start = (pageInt - 1) * limit + 1;
		int end = start + limit -1;
		String sql = "select * from (select rownum rnum, a.* "
				+ " from (select * from multiboard where boardid = ? order by ref desc, refstep) a) "
				+ "where rnum between ? and ?";
		System.out.println(sql);
		try {
			pstmt = conn.prepareStatement(sql);
			pstmt.setString(1, boardid);
			pstmt.setInt(2, start);
			pstmt.setInt(3, end);
			System.out.println(start + ":" + end);
			rs = pstmt.executeQuery();
			while(rs.next()) {
				Board b = new Board();
				b.setNum(rs.getInt("num"));
				b.setName(rs.getString("name"));
				b.setPass(rs.getString("pass"));
				b.setSubject(rs.getString("subject"));
				b.setContent(rs.getString("content"));
				b.setFile1(rs.getString("file1"));
				b.setRef(rs.getInt("ref"));
				b.setReflevel(rs.getInt("reflevel"));
				b.setRefstep(rs.getInt("refstep"));
				b.setReadcnt(rs.getInt("readcnt"));
				b.setRegdate(rs.getTimestamp("regdate"));
				list.add(b);
				
				
			}
			return list;
			
		}catch(SQLException e) {
			e.printStackTrace();
		}finally {
			DBConnection.close(conn, pstmt, rs);
		}
		return null;
	}
	
	public Board selectOne(int num){
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		ResultSet rs = null;

		String sql = "select *  from multiboard where num =?";
		try {
			pstmt = conn.prepareStatement(sql);
			pstmt.setInt(1, num);
			rs = pstmt.executeQuery();
			while(rs.next()) {
				Board b = new Board();
				b.setNum(rs.getInt("num"));
				b.setName(rs.getString("name"));
				b.setPass(rs.getString("pass"));
				b.setSubject(rs.getString("subject"));
				b.setContent(rs.getString("content"));
				b.setFile1(rs.getString("file1"));
				b.setRef(rs.getInt("ref"));
				b.setReflevel(rs.getInt("reflevel"));
				b.setRefstep(rs.getInt("refstep"));
				b.setReadcnt(rs.getInt("readcnt"));
				b.setRegdate(rs.getTimestamp("regdate"));
				return b;
				
				
			}

		}catch(SQLException e) {
			e.printStackTrace();
		}finally {
			DBConnection.close(conn, pstmt, rs);
		}
		return null;
	}
	
	public void readcntadd(int num) {
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		String sql = "update multiboard set readcnt = readcnt + 1 where num=?";
		try {
			pstmt = conn.prepareStatement(sql);
			pstmt.setInt(1, num);
			pstmt.executeUpdate();
		}catch(SQLException e) {
			e.printStackTrace();
		}finally {
			DBConnection.close(conn, pstmt, null);
		}
	}
	
	public void refstepadd(int ref, int refstep) {
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		String sql = "update multiboard set readcnt = readcnt + 1 where num=? and refstep > ?";
		try {
			pstmt = conn.prepareStatement(sql);
			pstmt.setInt(1, ref);
			pstmt.setInt(2, refstep);
			pstmt.executeUpdate();
		}catch(SQLException e) {
			e.printStackTrace();
		}finally {
			DBConnection.close(conn, pstmt, null);
		}
	}
	
	
	

}

[replyForm.jsp]

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>게시판 글쓰기</title>
<script>
function board_submit(){
	var f = document.f;
	if(f.name.value==""){
		alert("이름을 입력하세요")
		f.name.focus();
		return;
	}
	if(f.pass.value==""){
		alert("비밀번호을 입력하세요")
		f.pass.focus();
		return;
	}
	if(f.subject.value==""){
		alert("제목을 입력하세요")
		f.subject.focus();
		return;
	}
	if(f.content.value==""){
		alert("내용을 입력하세요")
		f.content.focus();
		return;
	}
	f.submit();
}
</script>
</head>
<body>
<form action="replyPro" method="post" name="f">
<imput type="hidden" name="num" value="${board.num}">
<imput type="hidden" name="ref" value="${board.ref}">
<imput type="hidden" name="refstep" value="${board.refstep}">
<imput type="hidden" name="reflevel" value="${board.reflevel}">
<div class = "w3-content">
<table>
	<caption>답글쓰기</caption>
	<tr><th>글쓴이</th><td><input type="text" name="name"></td></tr>
	<tr><th>비밀번호</th><td><input type="password" name="pass"></td></tr>
	<tr><th>제목</th><td><input type="text" name="subject" value="re:${board.subject}"></td></tr>
	<tr><th>내용</th><td><textarea rows="15" name="content"></textarea></td></tr>
	<tr>
		<td colspan="2"><a href="javascript:board_submit()">[답글등록]</a></td>
	</tr>
</table>
</div><br><br><br>
http://localhost:8090/kicPro/board/writeForm
</form>
</body>
</html>

day54 - JSP(공지사항 페이지)

바차 — Wed, 1 Sep 2021 01:16:21 +0900

[BoardController,java]

package controller;

import java.io.IOException;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.oreilly.servlet.MultipartRequest;

import dao.BoardDao;
import dao.MemberDao;
import model.Board;
import model.Member;

public class BoardController extends Action{
	public String hello(HttpServletRequest request, HttpServletResponse response) throws Exception {
		// TODO Auto-generated method stub
		request.setAttribute("hello", "hello 테스트 입니다.");
		
		return "/view/hello.jsp";
	}
	
	public String list(HttpServletRequest request, HttpServletResponse response) throws Throwable {
		/*
		 * 게시물 목록 보기 
		 * 1. pageNum 파라미터 존재. pageNum 파라미터 없으면 1로 설정. 
		 * 2. 10건의 게시물 출력. => db에서
		 *    해당 페이지에 출력되는 게시물만 조회. 순서 : 최근 게시물 순으로 
		 * 3. 화면에 출력.
		 * 4. boardid 파라메터가 없으면 session을 수정하지 않음 default는 1임
		 */

		// TODO Auto-generated method stub
		HttpSession session = request.getSession();
		
		//pageNum 이 넘어와야 pageNum이 바뀜
		if(request.getParameter("pageNum") != null) {
			session.setAttribute("page", request.getParameter("pageNum"));
		}
		
		//boardid가 넘어와야 세션이 변경됨 : 현재 게시판 분류에 따른 입력, 수정을 적용
		if(request.getParameter("boardid") != null) {
			session.setAttribute("boardid", request.getParameter("boardid"));
			session.setAttribute("pageNum", "1");
		}
		
		String pageNum = (String) session.getAttribute("pageNum");
		if(pageNum == null) pageNum = "1";
		int pageInt = Integer.parseInt(pageNum);
		
		String boardid = (String)session.getAttribute("boardid");
		if(boardid == null) boardid = "1";
		
		int limit = 3; // 한 페이지에 출력할 게시물 건수
		BoardDao dao = new BoardDao();
		int boardcount = dao.boardCount(boardid); //등록된 전체 게시물의 건수
		/*
		 * pageInt-현재 페이지 넘버, 
		 * limit-한페이지에 출력할 게시물 건수
		 * boardcount--등록된 전체 게시물의 건수
		 * boardid-공지사항(1),자유게시판(2), QnA(3)
		 */

		List<Board> list = dao.list(pageInt, limit, boardcount, boardid); // 화면에 출력된 게시물 데이터
		// 13 ---> boardcount/limit : 4 + 1
		int maxpage = (int)(boardcount/limit) + (boardcount % limit == 0 ? 0 : 1);
		int bottomLine = 3;
		//page 1,2,3 : 1, 4,5,6 : 2
		int startpage = 1 + (pageInt -1) * limit;
		int endpage = 3 + (pageInt -1) * limit;
		
		int boardnum = boardcount - (pageInt -1 )*limit ;
		String boardName = "";
		
		switch(boardid) {
			case "1": {
				boardName = "공지사항"; 
				break;
			}
			case "2": {
				boardName = "자유게시판"; 
				break;
			}
			case "3": {
				boardName = "QnA"; 
				break;
			}
			default:
				boardName="공지사항";
		}
		
		request.setAttribute("boardcount", boardcount);
		request.setAttribute("list", list);
		request.setAttribute("boardnum", boardnum);
		request.setAttribute("startpage", startpage);
		request.setAttribute("endpage", endpage);
		request.setAttribute("bottomLine", bottomLine);
		request.setAttribute("maxpage", maxpage);
		request.setAttribute("pageNum", pageNum);
		request.setAttribute("boardName", boardName);
		
		
		
		return "/view/board/list.jsp";
	}
	
	public String memberInput(HttpServletRequest request, HttpServletResponse response) throws Exception {
		// TODO Auto-generated method stub
		request.setAttribute("input", "member Input 테스트 입니다.");
		
		return "/view/memberInput.jsp";
	}
	
	public String writenForm(HttpServletRequest request, HttpServletResponse response) throws Exception {
		// TODO Auto-generated method stub

		return "/view/board/writenForm.jsp";
	}
	
	public String writePro(HttpServletRequest request, HttpServletResponse response) throws Exception {
		
		String uploadpath = request.getServletContext().getRealPath("/") + "upfile";
		int size = 10 * 1024 * 1024;
		MultipartRequest multi;
		
		//board session 저장 내용: defualt 1
		String boardid = (String)request.getSession().getAttribute("boardid");
		if(boardid == null) boardid="1";
		
		try {
			multi = new MultipartRequest(request, uploadpath, size, "utf-8");
			Board board = new Board();
			board.setName(multi.getParameter("name"));
			board.setSubject(multi.getParameter("subject"));
			board.setPass(multi.getParameter("pass"));
			board.setContent(multi.getParameter("content"));
			board.setFile1(multi.getParameter("file1"));
			board.setBoardid(boardid);
			if(board.getFile1() == null) board.setFile1("");
			
			BoardDao dao = new BoardDao();
			
			String msg = "게시물 등록 실패";
			String url = "board/writenForm";
			if(dao.insert(board)) {
				msg = "게시물 등록 성공";
				url = "board/list";
			}
			request.setAttribute("msg", msg);
			request.setAttribute("url", url);
			
		}catch(IOException e) {
			e.printStackTrace();
		}
		return "/view/alert.jsp";
		
	}
}

[BoardDao.java]

package dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

import model.Board;
import util.DBConnection;

public class BoardDao {
	public boolean insert(Board board) {
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		System.out.println("insert:"+board);
		int num = 0;
		String sql1 = "select multiboardseq.nextval from dual";
		String sql2 = "insert into multiboard " + "(num, name, pass, subject, content, file1, regdate,"
				+ "readcnt, ref, reflevel, refstep, boardid)" + "  values  (?,?,?,?,?,?,sysdate,0,?,?,?,?)";
		//---------------------------
		int ref = 0, reflevel = 0, refstep = 0;
		//---------------------------
		try {
			pstmt = conn.prepareStatement(sql1);
			rs = pstmt.executeQuery();
			if(rs.next()) num = rs.getInt(1);
			// ---------------- 답글인 경우
			if(board.getNum() > 0) {
				ref = board.getRef();
				reflevel = board.getReflevel() + 1;
				refstep = board.getRefstep() + 1;
			}else {
				
				ref = num;
			}
			// ---------------- 답글인 경우
			pstmt = conn.prepareStatement(sql2);
			pstmt.setInt(1, num);
			pstmt.setString(2, board.getName());
			pstmt.setString(3, board.getPass());
			pstmt.setString(4, board.getSubject());
			pstmt.setString(5, board.getContent());
			pstmt.setString(6, board.getFile1());
			pstmt.setInt(7, ref);
			pstmt.setInt(8, reflevel);
			pstmt.setInt(9, refstep);
			pstmt.setString(10, board.getBoardid());
			pstmt.executeUpdate();
			return true;
				
			}catch(SQLException e) {
				e.printStackTrace();
		}
		finally {
			DBConnection.close(conn, pstmt, null);
		}
		return false;
	}
	
	public int boardCount(String boardid) {
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		try {
			pstmt = conn.prepareStatement("select count(*) count from multiboard where boardid  = ?");
			pstmt.setString(1, boardid);
			rs = pstmt.executeQuery();
			rs.next();
			return rs.getInt(1);
		}catch(SQLException e) {
			e.printStackTrace();
		}finally {
			DBConnection.close(conn, pstmt, rs);
		}
		return 0;
	}
	
	public List<Board> list(int pageInt, int limit, int boardcount, String boardid){
		Connection conn = DBConnection.getConnection();
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		List<Board> list = new ArrayList<Board>();
		//----------------------
		int start = (pageInt - 1) * limit + 1;
		int end = start + limit -1;
		String sql = "select * from (select rownum rnum, a.* "
				+ " from (select * from multiboard where boardid = ? order by ref desc, refstep) a) "
				+ "where rnum between ? and ?";
		System.out.println(sql);
		try {
			pstmt = conn.prepareStatement(sql);
			pstmt.setString(1, boardid);
			pstmt.setInt(2, start);
			pstmt.setInt(3, end);
			System.out.println(start + ":" + end);
			rs = pstmt.executeQuery();
			while(rs.next()) {
				Board b = new Board();
				b.setNum(rs.getInt("num"));
				b.setName(rs.getString("name"));
				b.setPass(rs.getString("pass"));
				b.setSubject(rs.getString("subject"));
				b.setContent(rs.getString("content"));
				b.setFile1(rs.getString("file1"));
				b.setRef(rs.getInt("ref"));
				b.setReflevel(rs.getInt("reflevel"));
				b.setRefstep(rs.getInt("refstep"));
				b.setReadcnt(rs.getInt("readcnt"));
				b.setRegdate(rs.getTimestamp("regdate"));
				list.add(b);
				
				
			}
			return list;
			
		}catch(SQLException e) {
			e.printStackTrace();
		}finally {
			DBConnection.close(conn, pstmt, rs);
		}
		return null;
	}

}

day53 - JSP(사진 추가 페이지)

바차 — Tue, 31 Aug 2021 00:10:53 +0900

[photoFrom.jsp]

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 사진 등록</title>
</head>
<body> 사진 photo 폴더 생성 (f5)
<h3>업로드</h3>
<form action="<%=request.getContextPath()%>/member/photoPro" method="post"
enctype="multipart/form-data">
	<input type="file" name="picture">
	<input type="submit" value="사진등록">

</form>

</body>
</html>

[photoPro.jsp]

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!--
1. 파일 업로드 하기 -> 업로드 위치는 /photo로 설정
2. 파일 내용을 opener에 출력하기. 현재 윈도우는 close 함
  -->
<script>
img = opener.document.getElementById("pic");
img.src="<%=request.getContextPath()%>/photo/${filename}"; // 업로드된 이미지 회원가입 화면에 출력
opener.document.f.picture.value="${filename}";
self.close();
</script>

day52 - JSP(login, memberList)

바차 — Fri, 27 Aug 2021 23:26:37 +0900

[memberInfo]

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="w3-content " style="width:80%; align-self: center;">
	<form action="<%=request.getContextPath()%>/member/memberInputPro" 
	name="f" method="post">
		<input type="hidden" name="picture" value="">
		<table   >
			<caption>회원가입</caption>
			<tr>
				<td rowspan="4" valign="bottom"><img src="" width="100"
					height="120" id="pic"><br> <font size="1"><a
						href="javascript:win_upload()">사진등록</a></font></td>
				<td>아이디</td>
				<td><input type="text" name="id"></td>
			</tr>
			<tr>
				<td>비밀번호</td>
				<td><input type="password" name="pass"></td>
			</tr>
			<tr>
				<td>이름</td>
				<td><input type="text" name="name"></td>
			</tr>
			<tr>
				<td>성별</td>
				<td><input type="radio"  value="1" name="gender" checked>남
					<input type="radio"  value="2" name="gender" >여</td>
			</tr>
			<tr>
				<td>전화번호</td>
				<td colspan="2"><input type="text" name="tel"></td>
			</tr>
			<tr>
				<td>이메일</td>
				<td colspan="2"><input type="text" name="email"></td>
			</tr>
			<tr>
				<td colspan="3"  align="right"><input type="submit"   value="회원가입"></td>
			</tr>
		</table>
		
	</form></div>
</body>
</html>

[memberUpdate]

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="w3-content " style="width:80%; align-self: center;">
	<form action="<%=request.getContextPath()%>/member/memberUpdatePro" 
	name="f" method="post">
		<input type="hidden" name="picture" value="">
		<table   >
			<caption>회원가입</caption>
			<tr>
				<td rowspan="4" valign="bottom"><img src="" width="100"
					height="120" id="pic"><br> <font size="1"><a
						href="javascript:win_upload()">사진등록</a></font></td>
				<td>아이디</td>
				<td>${member.id}</td>
			</tr>
			<tr>
				<td>비밀번호</td>
				<td><input type="password" name="pass"></td>
			</tr>
			<tr>
				<td>이름</td>
				<td><input type="text" name="name" value="${member.name}"></td>
			</tr>
			<tr>
				<td>성별</td>
				<td><input type="radio"  value="1" name="gender" ${memeber.gender=1? 'checked' : ''}>
					<input type="radio"  value="2" name="gender" ${memeber.gender=2? 'checked' : ''}></td>
			</tr>
			<tr>
				<td>전화번호</td>
				<td colspan="2"><input type="text" name="tel" value="${member.tel}"></td>
			</tr>
			<tr>
				<td>이메일</td>
				<td colspan="2"><input type="text" name="email" value="${member.email}"></td>
			</tr>
			<tr>
				<td colspan="3"  align="right"><input type="submit"   value="정보수정"></td>
			</tr>
		</table>
		
	</form></div>
</body>
</html>