코드네임 JY

정규시즌이 얼마 남지 않은 시점.. KT는 우리의 뒤를 바짝 쫓고 있었다.. 긴박한 상황 속에서 맞이한 10월이었고, 그 순간 속에서 직관한 (우리팀이 없는) 세 경기를 여기에 다루고자 한다 ㅎㅎ 군 복무 때, 나의 주된 업무는 한국군과 미군 사이에서 일을 하는 것이었다. 그런 과정 속에서 많은 미군들이랑 친해졌었고, 밖에 나와서도 서로 시간이 맞는다면 가끔 같이 놀기도 한다!! 미군 친구들이 K-스포츠를 보고 싶어 하길래... 처음 미군 친구들은 K리그를 보러가자고 했었다 (사실 나 K리그 직관 경험 엄씀) 하지만 내가 야구를 보러 가자고 꼬셨다 ㅎㅎ ㅋㅋㅋ 왜냐면 메쟈에서는 우리나라 고유의 응원 문화를 못 보지 않나! 마침 잠실에서 NC vs LG 경기가 있었고, 잠실야구장으로 불렀다 ㅋㅋㅋ!! K-..

미리보기 ✅ API 방식에 대해 알아보자! ✅ 서버와 웹 브라우저 간 상호작용을 정리해보자! 🍟 API API 방식의 큰 틀은 브라우저에 필요한 순수한 데이터만을 전달하는 것이다. 여기에도 크게 두 가지 방식이 있다! 객체가 아닌 것을 넘겨줄 때 @GetMapping("hello-string") @ResponseBody // 1️⃣ public String helloString(@RequestParam("name") String name) { return "hello " + name; // 2️⃣ } 1️⃣ : @ResponseBody 태그는 HTTP 메시지 body 부분에 데이터를 담아서 보낼 수 있다. (참고 : Client ➡️ Server 는 Request 라고 하고, Server ➡️ Clien..

미리보기 ✅ 서버와 웹 브라우저 간 상호작용 ✅ 정적 컨텐츠에 대하여 알아보자! ✅ MVC & 템플릿 엔진에 대하여 알아보자! 🍿 서버와 웹 브라우저 간 상호작용 '서버' 는 실제 화면 뒤에서 동작하는 Back-end 부분이고, '브라우저' 는 클라이언트가 직접 보는 Front-end 부분이다. 서버가 브라우저가 상호작용 할 때, 크게 두 가지 방식으로 나눌 수 있다. 1️⃣ 서버가 완성된 HTML을 브라우저에 전달 2️⃣ 서버가 브라우저에 필요한 순수한 데이터만 전달 1번 방법에서는 Model, View, Controller, 그리고 템플릿 엔진을 활용할 수 있고, 2번 방법에서는 API 방식을 활용할 수 있다. 따라서 이번 포스팅에는 1번 방법을, 다음 포스팅에 2번 방식을 다룰 것이다. 🍩 정적 컨..

오늘은 3년 만에 우리 팀 경기를 직관하는 날이었다. 그러기도 하고, 하나 흥미로운 사실을 만들었는데.. 군대 동기 중에 삼성팬 친구와 롯데팬 친구가 있다! 이번 포스팅에서는 세 팀끼리 '그들만의 리그' 를 했던 후기를 다룬다 ㅎ 그들만의 리그 첫 경기는 롯데 vs 키움 이었다! 정말 오랜만에 고척에 야구를 보러 왔는데 역시 버건디 색깔이 가장 이쁜 것 같다 ㅎㅎ ㅋㅋㅋ 키링 굿즈가 예쁘길래 홈/원정 두 개 다 사버렸다 구단 오프라인 샵에만 가면 눈이 뒤집어질 것만 같다 ㅠ 혜성이형을 가장 가까이서 볼 수 있었다!! ㅋㅋㅋ (유니폼 걸고 응원할껄 ㅠ) 그리고 친구 지인 분을 통해서 테이블석으로 자리를 잡을 수 있었는데, 자리는 엄청 좋았다! (야구장 맥주는 국룰이지) 공의 궤적도 다 보여서 투수가 어떤 ..

코로나 때문에 야구 망했냐고 누군가 물어본다면..? 잠실에서 KIA 야구를 본다면 당당히 말할 수 있다 야구 보고 있는데 누가 다른 채널 틀어 ㅡㅅㅡ 그 때 할 수 있는 말... "야구 안 망했다" 지난 5월.. 병장 달은 기념으로 (에잇 기분이다) 과감하게 14박 15일의 휴가를 쓰고 집으로 돌아왔을 때, 내 방에는 김별삼의 유니폼이 놓여져 있었다. 무려 11만원의 거금을 들여서 새로운 유니폼을 하나 장만한 것이었음..! 사실 저 휴가 기간 동안에는 우리 팀 경기 말고.. 친한 친구의 팀을 응원하러 잠실 야구장에 가기로 했다! 야구장 글씨만 보면 설레는게 야구팬들이 가지고 있는 패시브 아닌가요 사람 많아지기 전에 얼른 들어가야지 하고 일찍 야구장에 도착했다 예매한 표를 뽑는데 (사실 예매도 🐶 빡셌다 ..

미리보기 ✅ Spring & Spring Boot 에 대해 알아보자! ✅ Spring Boot 프로젝트 기본 설정 해보기! 🍿 Spring & Spring Boot Spring : 자바 기반의 웹 어플리케이션을 만들 수 있는 프레임워크 Spring Boot : 스프링을 더 쉽게 이용하기 위한 도구 🍭 Spring Boot 기본 설정 ✅ Project (빌드 관리 도구 선택하기) - 빌드 관리 도구는 필요한 라이브러리들을 자동으로 관리해준다. - Maven : pom.xml 에 정의 - Gradle : build.gradle 에 정의 (더 편리하고 빠르다!) ✅ Language (언어 선택하기) - JAVA, Kotlin, Groovy 와 같은 언어들을 선택할 수 있다. ✅ Spring Boot (스프링부..

메모리와 시간 차이 필자는 C++을 활용하여 백준 문제들을 풀고 있다. 예전에 풀었던 문제들을 다시 풀어보는 와중에 흥미로운 사실 하나를 발견했다. 위 코드는 cstdio 를 선언하여 scanf / printf 를 활용하여 입출력을 받았고, 아래 코드는 iostream을 선언하여 cin / cout 을 활용하여 입출력을 받았다. 메모리적 측면 헤더파일을 다르게 씀으로써 발생하는 메모리적 차이는 크게 중요하지 않다고 한다. 수십~수백의 메모리 차이가 발생하지 않기도 하고, 위 문제는 약 1MB 정도의 차이가 발생했다. 시간적 측면 오히려 시간적 측면에서는 짚고 넘어가야 할 사항들이 좀 있다. 백준에서 여러 언어와 입력 방법이 입출력하는데 얼마의 시간이 소요되는지 분석한 글이 있다. (https://www...

Q1. Button 안에 Image가 왜? 이 코드는 화면상에서 어떻게 보여지냐면 자세하게 보면, button#mybtn 이 img.card-img-top 보다 큰 것을 알 수 있다. 위 코드의 의미는 해당 event를 가지고 있는 요소들을 누르면, 그 요소에 포함된 value 값을 가져오라는 뜻이다. ex) ... → 해당 button 태그에 저 위 코드를 적용하면, 버튼을 눌렀을 때 저 button 태그의 value값 즉, "0" 이라는 값을 가져올 수 있다. 다시 돌아와서, 위 코드는 아래와 같이 표현되고, 여기서 내가 button 태그에 있는 value 값을 부르고 싶어서 그냥 $(evt.target).attr('value') 하면 되겠네 라고 생각하고 막상 결과를 보면 'undefined' 라는..

Session 세션(Session)이란 웹 사이트의 여러 페이지에 걸쳐 사용되는 사용자 정보를 저장하는 방법을 의미합니다. 사용자가 브라우저를 닫아 서버와의 연결을 끝내는 시점까지를 세션이라고 합니다. 쿠키는 클라이언트 측의 컴퓨터에 모든 데이터를 저장합니다. 하지만 세션은 서비스가 돌아가는 서버 측에 데이터를 저장하고, 세션의 키값만을 클라이언트 측에 남겨둡니다. 브라우저는 필요할 때마다 이 키값을 이용하여 서버에 저장된 데이터를 사용하게 됩니다. 태그 기능, 검색 기능을 만들 때 Session이라는 기능을 사용하면 매우 편하다. 즉, 데이터를 서버에 저장해 두는 것을 세션이라고 하는 것이다. [출처 : TCP School] Session을 사용하는 과정 1. Session에 'tag'라는 변수가 있는..

개인 DB 연결하는 방법 DB_POSTS에 있는 데이터들을 불러와서 게시판에 나타내고 수정까지 하는 기능들은 우리가 다 해봤어요. 그럼 DB_POSTS 말고 Meteor.user()에 있는 데이터들을 불러오려면 어떻게 해야 할지 생각해봅시다. 1. 사용자 정보 불러오기 Meteor.user()는 현재 로그인된 사용자의 정보를 불러옵니다. 2. 파일 만들기 ex_mypage : 우리가 만든 프로필들이 나오는 게시판 ex_mypagepost : 프로필 하나를 선택하였을 때 나오는 프로필 정보 ex_mypageposting : 프로필 수정 3. ex_mypage 수정하기 boards는 DB_POSTS에 있는 전체 데이터를 불러오고, link는 사진 링크를 가져오는 역할이므로, boards는 Meteor.use..