본문 바로가기

전체 글389

회원관리 - 백엔드 개발) 1. 회원 도메인과 Repository 만들기 1. 도메인 만들기💡 도메인이란, 애플리케이션이 다루는 비즈니스 문제 영역과 그 영역을 표현하는 객체들을 의미한다. 파일위치: src/main/java/만든 파일명/domain(직접 만들어야하는 패키지)/Member [Member.java] package section4.section4_spring.domain;public class Member { private Long id; private String name; public Long getId() { return id; } public void setId(Long id) { this.id = id; } public String getName() { return name; .. 2024. 8. 24.
JSON 데이터를 직접 반환하여, 템플릿을 거치지 않고 API 응답을 처리하기(API 활용하여 개체 JSON으로 반환하기) (파일 경로: src/main/java/hello_spring/controller/HelloController) 특정 경로로 전달된 특정 매개변수 값을 받아 JSON으로 반환하기@GetMapping("hello-api")@ResponseBodypublic Hello helloString(@RequestParam("name") String name){ Hello hello = new Hello(); hello.setName(name); return hello; //객체 반환}static class Hello { private String name; public String getName() { return name; } public void setName(.. 2024. 8. 24.
HTML 페이지 렌더링 시 요청받은 데이터 포함하기(매개변수를 MVC패턴으로 전달해 렌더링하기) 1. MVC 패턴을 이용하여 특정 경로로 들어오는 GET 요청 처리하는 컨트롤러 만들기(파일 경로: src/main/java/hello_spring/controller/HelloController) @GetMapping("hello-mvc")public String helloMvc(@RequestParam("name") String name, Model model){ model.addAttribute("name", name); return "hello-template";}  코드를 하나씩 해석보자. @GetMapping("hello-mvc")-> /hello-mvc 경로로 들어오는 HTTP GET 요청을 처리할 메서드를 지정합니다. public String helloMvc(@RequestPar.. 2024. 8. 24.
HTML 페이지 렌더링 시 고정된 데이터 포함하기(MVC와 템플릿엔진 이용해보기) 1. Welcome Page 만들기 (파일 경로: src/main/resources/static/index.html) 아래의 html을 구성해서 간단한 Welcome Page를 만들어보자.HelloVisit Hello Page  2. MVC 패턴을 이용하여 특정 경로로 들어오는 GET 요청 처리하는 컨트롤러 만들기(파일 경로: src/main/java/hello_spring/controller/HelloController) package hello.hello_spring.controller;import org.springframework.ui.Model;import org.springframework.stereotype.Controller;import org.springframework.web.bind... 2024. 8. 24.
에어컨 절감 어플 - Save on bills 보호되어 있는 글 입니다. 2024. 8. 9.
14.2 포인터 배열 포인터 배열포인터 복습char *ap = "dog";char *bp = "elephant";100 ap ['d'|'o'|'g'|'\\0']  포인터 배열의 예시     포인터를 배열로 만들면 좋은점?→ 반복문 사용으로 여러 포인터에 접근이 가능해진다.→ 즉, 반복문으로 다른 배열 여러 개를 한번 접근할 수 있다.     위의 그림처럼 ap라는 포인터 배열이 있고, 각각 a, b, c라는 배열이 있다고 했을 때 각각 포인터 배열에 각 배열의 시작 주소를 넣으면 아래와 같아진다.   이렇게 포인터 배열이 만들어지면 각각의 다른 배열의 요소에 간단한 반복문을 통해 접근이 가능하다. for(i=0; i 2024. 8. 7.
14.1 다차원 배열 다차원 배열의 형태int score[3][4]라는 다차원 배열을 시각화하면 아래와 같다.[ | | | ][ | | | ][ | | | ]배열명[i][j]은 배열요소가 j개짜리인 배열이 i개 있는 것과 같다.다차원 배열의 주소 100 104 108 112 [ | | | ] 116 120 124 128 [ | | | ] 132 136 140 144 [ | | | ]다차원 배열의 요소[ s[0][0] | s[0][1] | s[0][2] | s[0][3] ][ s[1][0] | s[1][1] | s[1][2] | s[1][3] ].. 2024. 8. 7.
13. 변수 [지역 변수(자유 변수)]→ 일정 지역에서만 사용 가능한 변수특징지역 변수는 사용 범위가 블록 내부로 제한되므로 다른 함수에서는 사용할 수 없다.지역 변수는 이름이 같아도 선언된 함수가 다르면 각각 독립된 저장 공간을 갖는다.장점메모를 효율적으로 사용한다.지역 변수는 함수 내부에서 사용되기 때문에 함수가 반환되면 저장 공간을 계속 유지할 필요가 없다.디버깅에 유리하다.지역 변수는 값에 문제가 있을경우 수정하기 쉽다.주의할 점. 지역 변수가 할당된 저장 공간은 자동 초기화가 안되기때문에 쓰레기 값을 사용하지 않도록 주의해야한다.[전역 변수]→ 프로그램 전체에서 사용가능한 변수→ 함수 밖에서 선언#include assign10();assign20();int a; //1번 aint main() { pri.. 2024. 7. 4.
12.2 문자열 연산함수 [strcpy]→ 문자열을 대입하는 함수strcpy(대입돨 문자열의 베얄명, 대입할 문자열) 🔺 🔺 복사할 곳 복사할 내용 //예시char str1[20] = "apple";strcpy(str1, "mango");문자열은 그 문자열의 주소이다.즉, strcpy 인자는 주소두개를 받아서 실행하는 함수이다. 따라서 아래와 같이 두 번째 인자에 주소인 배열을 넣어서 실행시킬 수 있다.strcpy(대입될 문자열의 베얄명, 대입할 문자열의 베얄명) 🔺 🔺 복사할 곳 복사할 내용 //예시 char str1[20] = "apple";char str2[20] = "man.. 2024. 6. 27.
12.1 문자열과 포인터 컴파일러가 문자열을 처리하는 방식문자열을 별도의 메모리 공간에 따로 저장해둔다.첫 번째 문자의 메모리 공간의 주소를 100이라고 치면 문자열이 사용된 위치에는 100을 치환을 해서 사용한다.이를 증명하는 예시는 아래와 같다.#include int main() { printf("%c", *"apple"); return 0;}//결과//aapple을 간접 참조 연산자를 달아서 출력하면 * (첫 번째 문자 주소) 이와 같이 되기 떄문에 첫 번째 문자인 a가 출력된다.  응용편1#include int main() { printf("%c", *("apple" + 1)); return 0;}//결과//p// [풀이]100 101 102 103 104 105 [ a | p | p | l | l.. 2024. 6. 26.
11.3 getchar(), putchar() putchar()역할: 한 문자를 출력합니다.사용법: putchar(문자);예시: #include int main() { char ch = 'A'; putchar(ch); // 'A'를 출력합니다. return 0;}getchar()역할: 한 문자를 입력받습니다.사용법: 문자 변수 = getchar();예시: #include int main() { char ch = 'A'; putchar(ch); // 'A'를 출력합니다. return 0;}요약putchar(): 한 문자를 출력할 때 사용합니다.getchar(): 한 문자를 입력받을 때 사용합니다.이 두 함수는 문자 단위로 입출력을 처리할 때 유용하며, 특히 간단한 프로그램에서 자주 사용됩니다. 2024. 6. 26.
11-2. 버퍼를 이용하는 입력 함수 scanf 함수가 문자를 입력하는 과정#include int main(){ char ch; int i; for(i=0; i   위처럼 나오는 이유?→ scanf로 데이터를 입력하면 버퍼에 저장한 후 첫 번째 문자만 변수 ch에 저장한다. 또 다음 scanf 함수가 호출되면 두 번째 문자인 i를 변수ch에 저장하고 세 번째도 마찬가지로 g를 저장한다. 그후 저장된 변수를 출력한다.버퍼란? 프로그램 실행 중에 운영체제가 자동으로 할당하는 메모리의 저장공간이다.그렇다면 어떤 입력에도 전부 다 출력해주려면 어떻게 해야할까?#include int main(){ char ch; int i; scanf("%c", &ch); while(ch1!='\n'){ printf.. 2024. 6. 25.
11-1. 아스키코드 [아스키코드]   ‘a’를 컴파일하면 약속된 정수 값인 아스키 코드 값으로 바뀌어 정수 값 97로 아래와 같이 메모리에 저장된다.[ 00000000 | 00000000 | 00000000 | 01100001 ]sizeof('a') //4자 이제는 char형에 문자를 넣고 탐색해보자.char ch; //1bytech = 'a'; // [ 01100001 ] 즉, ch = 97;과 같다.ch = ch + 1; // b소문자를 대문자로 변경 char ch = 'b'; char CH; CH = ch - ('a' - 'A'); // B아스키코드에서 같은 알파벳의 소문자가 대문자보다 32가 크다. 따라서 소문자에서 32를 뺴주면 대문자로 변경이된다.모든 알파벳 출력하기char ch = 'a';while(ch 2024. 6. 25.
AWS Lambda 사용기 근로관련 디스코드 봇을 만들었는데 이 프로그램이 동작할려면 매번 vscode를 실행시켜줘야하다는 문제가 있었다.이 문제를  AWS Lambda로 해결했다. 빠른 요약1. 람다에서 기본 지원하지 않는 외부 라이브러리를 모두 새로운 폴더에 설치2. 해당 폴더에 작성한 코드를 람다에서 사용할 코드로 변경후 저장3. 위의 내용물이 있는 폴더를 zip파일로 압축4. AWS Lambda 함수를 생성5. 위에서 생성한 zip파일을 코드 - 코드소스에 zip 파일로 업로드6. 트리거 추가 후 event bridge 선택7. event bridge에서 cron으로 규칙생성  [전체 코드]import requestsfrom bs4 import BeautifulSoupimport timeimport datetimeimpor.. 2024. 6. 25.
10. 배열과 포인터 int ary[5]; 100 104 108 112 116 -> [ int | int | int | int | int ]배열은 첫 번째 요소의 주소만 알면 나머지 요소의 주소도 모두 알 수가 있다.컴파일러는 첫 번째 배열 요소의 주소를 쉽게 사용하도록 배열명을 컴파일 과정에서 첫 번째 배열 요소의 주소로 변경한다.즉, ary == 100  배열명으로 배열 요소 사용하기[더하기]ary배열의 첫 번째 값은 ary로 쓸 수 있지만 나머지 배열 요소들은 접근할 수 없다.따라서 연산을 통해서 나머지 요소에 접근해보자.ary + 1 // 104위의 값이 101이 아니라 104가 나온 이유는 1은 주소 값에 +1을 해주는 것이 아니라 ary의 자료형의 1바이트 만큼의 수를 더해주는 것이다.따라서 1은 .. 2024. 6. 24.
9. 포인터 메모리의 주소int a; //메모리 공간 확보a = 10; // 값 저장[ 0 | 0 | 0 | 10 ] 100 101 102 103 우리는 이전까지 확보된 메모리를 사용할 때 변수 명으로 접근해왔다.하지만 메모리 주소 값을 통해 메모리에 접근할 수 있는 방법이 있는데 그게 바로 주소 연산자이다.주소 연산자(&):메모리 주소 값을 통해 메모리에 접근하는 방법&a // == 100#include int main(){ int a; printf("a의 메모리 주소 값은 %p입니다.", &a); //%p는 16진수를 나타내는 연산자 return 0;}// 출력// a의 메모리 주소 값은 0x16b653248입니다.위 방식처럼 주소 연산자를 사용하면 메모리에 접근할 수.. 2024. 6. 18.
8. 함수 함수의 선언과 정의 //함수의 선언반환값 자료형 함수명(매개변수1 자료형 매개변수명1, 매개변수2 자료형 매개변수명2);int main(){}//함수의 정의반환값 자료형 함수명(매개변수1 자료형 매개변수명1, 매개변수2 자료형 매개변수명2){ //함수가 수행하는 명령}예시int sum(int a, int b){ int res; res = a + b; return res;}sum(10, 20); //30 여러가지 함수 유형 1. 매개 변수가 없는 함수//양수를 출력하는 함수int get_pos(){ int num; scanf("%d", &num); if(num  2. 반환 값이 없는 함수: 화면에 출력을 하는 경우 등등//반복되는 문자 출력print_char(char .. 2024. 6. 14.
7. 반복문 - do while 형식do{ //반복할 행동}while(조건);while문과 do while문의 차이점 → while문의 조건이 거짓이라면 while문 내부에 있는 행동을 실행 되지 않는다. 하지만 do while문은 조건이 거짓이라도 행동보다 아래에 while문이 있기 때문에 한번은 실행한다. 2024. 6. 13.
6. 연산자 / 연산자와 % 연산자의 차이/는 몫을 나타내고 %는 나머지를 나타낸다.// --- / ---int a = 5;int b = 2;printf("%d 나누기 %d = %d", a, b, a/b);//--출력--// 5 나누기 2 = 2 위 처럼 정수끼리 나눠주면 정수 값만 출력한다. 따라서 실수 값으로 출력하고 싶다면 실수끼리 나눠줘야한다.// --- / --- double a = 5.0; double b = 2.0; printf("%.1lf 나누기 %.1lf = %.1lf", a, b, a/b);//--출력--// 5.0 나누기 2.0 = 2.5 증감 연산자int a,b = 10;++a; // 해당 코드는 a = a + 1; 과 같다. 따라서 11--b; // 해당 코드는 b = b + 1; 과 같다. .. 2024. 6. 12.
5. scanf 함수 정수형 입력하기정해진 값이 저장된 변수만 사용하는 것이 아니라 사용자가 직접 입력해서 변수의 값을 지정할 수 있다.그건 바로 scanf라고 한다.int main(){ int a; scanf("%d", &a); return 0;}&를 사용하는 이유 → &(앰퍼센트)를 사용하는 이유는 저장할 변수의 이름만으로 해당 변수 메모리에 접근할 수 없기 때문에 &을 사용해서 저장할 변수의 메모리 주소값을 가져와 저장한다.  ❗️주의사항❗️scanf 함수에서 변수명을 지정할 떄는 &을 붙여야한다.scanf 함수에서 사용한 변환 문자와 맞는 형태의 데이터를 입력해야한다.int형 → %dchar형 → %cdouble형 → %lf정수를 다수 입력을 할 때아래와 같이 여러 개가 입력될 때는 space, enter.. 2024. 6. 10.
4-2. 자료형 마다 저장할 수 최대값과 최솟값 [최대값과 최솟값의 공식] (unsigned는 제외)최대값: 2^비트수최솟값: -2^비트수 Data TypeStorage Size (bytes)Minimum Value Maximum ValueFormat Specifierchar1-128127%cunsigned char10255%cshort2-3276832767%hdunsigned short2065535%huint4-21474836482147483647%dunsigned int404294967295%ulong4-21474836482147483647%ldunsigned long404294967295%lulong long8-92233720368547758089223372036854775807%lldunsigned long long8018446744073709.. 2024. 6. 3.
4. 변수 선언 및 초기화 쓰레기 값메모리 내부에는 쓰레기 값이 저장되어있다.→ 메모리는 우리만 사용하는 것이 아니라 다른 프로그램들이 사용하기도 하는데 그때 사용되고 남겨진 값들을 쓰레기 값이라고 한다.  int변수 선언 및 초기화int main() { int a;} 위처럼 변수를 선언하면 int형은 4바이트이기 때문에 아래와 같이 메모리가 생성된다.[ | | | ] 100 101 102 103 int main() { int a; a = 10;} 따라서 우리는 쓰레기 값을 없애고 다른 값을 넣어줘야한다. 이게 바로 초기화라고 한다. [ 0|0|0|0|0|0|0|0 | 0|0|0|0|0|0|0|0 | 0|0|0|0|0|0|0|0 | 0|0|0|0|1|0|1|0 ] 100 .. 2024. 6. 3.
3. 상수와 데이터 표현방법 정수: -2, -1, 0, 1, 2 ….실수: 0.1, 0.2, 0.3진법 기수 (Base) 사용 숫자 예시 (10진법 숫자 42의 표현) 설명 프로그래밍 표기(42)10진법100, 1, 2, 3, 4, 5, 6, 7, 8, 942일반적으로 사용하는 숫자 체계428진법80, 1, 2, 3, 4, 5, 6, 7528을 기수로 하는 숫자 체계05216진법160, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F2A16을 기수로 하는 숫자 체계0x2A2진법20, 11010102를 기수로 하는 숫자 체계 각 진법의 변환 예시10진법 (Decimal, Base 10)사용 숫자: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9예시:10진법 숫자 **42**는 4 * 10^1 + 2 .. 2024. 5. 31.
2. printf - 형식지정자와 이스케이프 시퀀 [% 형식 지정자]형식 지정자 설명 예시 출력 예시%d부호 있는 10진 정수 출력 (int)printf("%d", 42);42%f소수점 이하 6자리까지 표시하는 소수점 표기 실수 (float, double)printf("%f", 3.14);3.140000%e지수 표기법으로 실수 출력, 소문자 (float, double)printf("%e", 3.14);3.140000e+00 [이스케이프 시퀀스]이스케이프 시퀀스 설명 예시 출력\\백슬래시(\) 자체를 출력printf("This is a backslash: \\");This is a backslash: \\n새 줄printf("First line.\nSecond line.");First line.Second line.\t수평 탭printf("Column1\.. 2024. 5. 31.
1. 비트와 바이트 1. 비트 (Bit):비트는 데이터의 가장 작은 단위입니다.비트는 0 또는 1의 값을 가집니다.8개의 비트가 모여 1바이트를 구성합니다.[ 0 ] or [ 1 ]  2. 바이트 (Byte):바이트는 8비트로 구성된 데이터 단위입니다.바이트는 하나의 문자를 표현하거나, 작은 범위의 숫자를 나타낼 수 있습니다.[ 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 ] -> 1 Byte  3. 자료형 별 바이트 수char8short16int32long32long long64float32double64long double80 2024. 5. 31.
[KAKAO WEB] 순서도와 화면 프리뷰 1. 로그인 Logic 2. 만들 예정인 DB Collection과 들어갈 데이터 (추후 추가 또는 삭제될 가능성이 있음) user(유저들의 정보 데이터) { _id: "65044d8f9ff1fb11b5809ea753", email: "qwe11123@naver.com", pw: "QDX13VB3@4RKS1231L2345NKD", //암호화된 pw nickname: "iOSoo", imageUrl: "https://~~/img.jpg" } chatroom(채팅방 정보 데이터) { _id: "65044d8f9ff1fb11b5809ea753", title: "1번 채팅방", date: "09.19", member: [ { _id: ~~ }, { _id: ~~ } ], lastcontact: "18:09" }.. 2023. 9. 19.
데이터를 주고 받는 방법 모음 1. 폼(form)으로 데이터 전송하기 [폼이 있는 페이지] 제목 날짜 전송하기 폼태그 내부에 있는 action은 뭔가? Action은 어떤 경로로 action을 취할 건지를 정해주는 것이다. 따라서 위의 코드를 살펴보면 /add 라는 경로로 post를 요청한다는 것을 작성해준 것이다. 폼태그 내부에 있는 method는 뭔가? Method는 GET/POST중 어떤 요청을 할 것인지를 정하는 것이다. !!!! req.body는 POST 밖에 안된다! GET은 안됨 [sever] app.post('/add', function(request, response) console.log(request.body.title); console.log(request.body.date); response.send('전송완료.. 2023. 9. 17.
Socket.io - 실시간 데이터 주고 받기(2) 저번 글에서는 유저가 서버에게 데이터를 보냈다. 이번에는 서버가 유저에게 데이터를 보내는 방법을 알아보자. [sever.js] io.on('connection', function(socket){ //누군가 웹 소켓에 접속하면 실행 console.log('connect in WebSocket...'); io.emit('데이터명', '데이터');// 서버에서 유저에게 데이터 보내기 }) [socket.ejs] io.emit()은 한 유저에게만 데이터를 전달하는게 아니라 해당 사이트에 접속한 모든 유저에게 메시지를 보낸다. 만약 서버 - 특정 유저 단독으로 소통하고 싶다면? // 해당 소켓 id를 가진 유저에게만 전송한다. io.to(socket.id).emit('데이터 명', '데이터') 그렇다면 socke.. 2023. 9. 17.
Socket.io - 실시간 데이터 주고 받기(1) 이전에 배운 SSE는 서버에서 일방적으로 실시간 응답만 해주었다. 이번에는 양방향으로 실시간 응답이 가능한 Web Socket을 배워보자. 1. WebSocket을 쓰기위한 socket.io 라이브러리 설치하기(server.js) npm install socket.io 터미널에 해당 코드 입력 2. socket.io 세팅하기(server.js) const http = require('http').createServer(app); const { Server } = require("socket.io"); const io = new Server(http); 해당 코드는 const app = express() 보다 아래에 작성해야한다. 3. app.listen 부분 변경하기(server.js) // [이전 코드.. 2023. 9. 16.
DB 변동사항 실시간 통보해주기(change stream) 데이터가 변동이 되어도 서버에서는 감지할 수가 없다. 따라서 이번에는 DB 데이터의 실시간 변화를 감지해서 DB가 서버에 알려주는 기능을 해보자. const pipeLine = [ { $match: { } } ]; // 찾을 문서 //예시 //const pipeLine = [ // { $match: { 'fullDocument.parent': request.user._id } } //fullDocument는 필수로 붙여야함. //]; const changeStream = db.collection('message').watch(찾을문서); //어느 콜렉션에서 찾을 문서가 있는지 감시할지 changeStream.on('change', (result) => { //변동 사항이 생길 경우 작동 console.l.. 2023. 9. 15.

티스토리툴바