전체 글22

• 

  10th UMC '일정 기반 AI 문답 일기 서비스 [DAILOG]' 개발 후기 정~~말 오랜만에 블로그를 작성하게 되어 많이 어색하지만! 끄적끄적 적어보려고 한다😎우선 DAILOG는 UMC 10기 활동을 하며 12명의 팀원과 함께 만든 '일정 기반 AI 문답 일기 서비스 앱'으로 약 두달간의 기간 동안 서비스 기획, 디자인, 개발 및 테스트를 진행하며 성공적으로 프로젝트를 마무리했다🎉👨‍💻 일일(DAILOG) 개요[프로젝트 기간]2026. 06. ~ 2026. 08.[팀원]PM 1명 | Design 1명 | FE 4명 | BE 6명[기술스택]FE: Expo(React Native 0.81), TypeScript, Expo Router, NativeWind, Zustand, TanStack Query, Axios, Firebase(FCM), EAS Build/SubmitBE:.. 개발 2026. 9. 13.

• 

  18. TCP vs HTTP 오~늘~은~ HTTP와 TCP의 차이에 대해서 알아보려고 한다. 요즘 부쩍 HTTP에 관련된 내용이 많이 올라오고 있는 것 같지만... 사실이다. 사실 웹 개발자를 목표로 공부를 하고 있지만 웹 서비스에 대한 CS 지식이 그렇게 많이 쌓여있지 않은 터라... 당분간은 웹 지식에 대한 내용이 주를 이루지 않을까 싶다. 그럼 HTTP와 TCP. 바로 알아보도록 하자.OSI 7 계층오늘의 내용은 네트워크 계층에 대해서 알고 있어야 이해가 더욱 수월할 것이라 생각해서 OSI 7 계층에 대해서 먼저 알아보려고 한다. 우선 OSI 7 계층은 물리, 데이터링크, 네트워크, 전송, 세션, 표현, 응용 계층으로 나뉘어 있다. 그중 응용 계층에는 최근에 자주 다뤘던 HTTP가 속해있고, 표현 계층에는 이전 블로그에서 다뤘.. CS 2025. 7. 26.

• 

  17. HTTP VS HTTPS 오~늘~은~ HTTP와 HTTPS에 대해서 알아보려고 한다. 오늘의 주제는 어디선가 많이 본 느낌일 수 있다. 그야... 최근 작성한 블로그에서 HTTP에 대해 다룬 적이 있고... HTTPS의 암호화 과정에 대해서 간단하게 알아본 적도 있기 때문에... 익숙해 보이는 건 당연하다! 그럼 왜 또 HTTP와 HTTPS에 대해서 알아보려고 하는지 궁금할 수 있지만! 각각에 대해서 알아본 적은 있지만, 둘의 차이점에 대해서 자세하게 알아본 적은 없기 때문에 오늘은 두 개념의 차이에 대해서 조금 더 깊게 알아보려고 한다😎 바로 시작해 보자!HTTP (HyperText Transfer Protocol) HTTP란?HTTP(HyperText Transfer Protocol)는 웹에서 데이터를 주고받기 위한 기본 .. CS 2025. 7. 21.

• 

  16. 대칭키? 비대칭키? 약 일주일 동안 쉬었기 때문에... 새로운 주제를 들고 또 돌아와 보았다...🫥 각종 일정을 소화하느라 기가 쪽 빨린 상태지만. 그런 상태에서 공부하는 게 일류 아니겠는가? (아님 말고.) 어찌됐든 저찌됐든 요리됐든 조리됐든. 이번 주제는 '대칭키와 비대칭키'로 들고 왔다!😎 슬쩍 스포하자면 암호화와 관련된 내용인데... 자세한 건 밑에서 더 알아보도록 하자😉들어가기 앞서...오늘의 내용을 이해하기 위해서는 우선 '암호화', '복호화'라는 개념을 필수적으로 알고 있어야 한다. 왜냐?! 대칭키와 비대칭키의 차이점을 저 암호화 방식과 복호화 방식에서 알 수 있기 때문이다! 우선 두 개념에 대해 알아보도록 하자.암호화(Encryption)란?평문(Plaintext) 데이터를 암호문(Ciphertext)으.. CS 2025. 7. 14.

• 

  15. HTTP 자. 이번에도 새로운 주제를 들고 돌아와 보았다. 이번에는 'HTTP'에 대해서 알아보려고 한다! 웹 사이트를 사용할 때마다 볼 수 있는 HTTP이지만... 이에 대해서 제대로 알고 있는 것 같진 않아서 'HTTP'라는 주제를 들고 오게 되었다. 그럼 바로 알아보도록 하자!HTTPHTTP(Hyper Text Transfer Protocol)란?HTTP란 서버와 클라이언트가 서로 데이터를 주고받기 위해 사용되는 통신 규약을 의미한다.HTTP는 웹 문서 간에 링크를 통해 연결할 수 있는 프로토콜을 의미하며, 문서뿐만 아니라 HTML, TEXT, IMAGE, 음성, 영상, 파일 JSON, XML(API) 등등 거의 모든 형태의 데이터 전송이 가능한 프로토콜이다. 현재 웹 사이트에서 서버 간에 데이터를 주고받을.. CS 2025. 7. 3.

• 

  14. Node.js 환경? 브라우저 환경? Festino 프로젝트 이후... 시험과 과제 등... 바쁜 대학생의 일정을 보내고 보니 벌써 6월의 막바지에 이르러있었다. (내 시간 어디 갔어요?? ㅠ.ㅠ) 블로그를 쭈~욱 되돌아보니 너무 소홀했던 것 같아서 6월이 끝나기 전에 주제 하나를 다뤄보려고 한다! (이런 나. 제법 기특해.) 오늘의 블로그에서는 Node.js 환경과 브라우저 환경에 대해 파헤쳐보려고 한다😎 그럼 바로 파헤쳐보러 가보자😉Node.js 환경 VS 브라우저 환경일단 두 환경이 뭔지 알아보기 전에... '과연 무슨 차이가 있길래 이 주제를 가져온 걸까?' 싶은 사람을 위해! 두 환경의 가장 큰 차이를 먼저 짚은 다음 각 환경에 대해 자세히 알아보려고 한다😎 두 환경은 모두 ' JavaScript 실행 환경'이지만,Node.j.. CS 2025. 6. 28.

• 

  2025 한국공학대학교 대동제 웹사이트 'Festino' 개발 후기 Festino는 한국공학대학교 대동제 정보 제공을 목적으로 개발한 웹 사이트이며, 약 한 달 반의 기간 동안 신규 기능 회의, 개발 및 테스트를 통해 성공적으로 프로젝트를 마무리하였습니다😎 👨‍💻Festino 개요[축제기간]2025. 05. 26. (월). ~ 2025. 05. 28. (수).[프로젝트 기간]2025. 04. ~ 2025. 05. (약 한 달 반 / 신규 기능 기획 ~ 최종배포)[정기회의]매주 일요일 18시[팀원]총괄리더 1명, FE 4명, BE 4명 (총 9명)[기술스택]FE: React, TypeScript, tailwind, zustand(상태관리), ViteBE: Spring BootDB: MySQLIDE: IntelliJ IDEA Ultimate 2024, Postman, .. 개발 2025. 6. 7.

• 

  13. 세션, 쿠키, 웹스토리지 이번 주제도 역시... 내가 프로젝트에서 머리 아픈 경험을 겪었던 개념으로 들고 돌아왔다... 로그인 기능을 관리하면서 쿠키라는 개념에 대해 다룬 적이 있는데... 사실 이전에 진행한 프로젝트에서 아예 안 다뤘던 것은 아니었지만, '쿠키라는 게 있구나!' 정도의 개념으로 프로젝트 개발을 끝냈었기 때문에 이해도가 높은 편은 아니었다. 그.래.서. 이번 기회에 제대로 다뤄보면 좋겠다! 싶어서 쿠키, 세션, 웹스토리지 3가지에 대해서 알아보고 비교하는 시간을 가져보려고 한다! (뒤늦은 공부도 공부다.) 그럼 바로 시작해 보겠다😎 쿠키(Cookie)쿠키란?웹 서버 또는 클라이언트에서 생성되어 클라이언트 측 웹 브라우저에 저장되는 key와 value로 이루어진 작은 텍스트 파일웹 애플리케이션에서 사용자의 상태 .. CS 2025. 6. 4.

• 

  12. React VS Vue.js 바쁘디 바쁜 한 달을 보내고... 오랜만에 블로그를 쓰기 위해 돌아왔다🫡 지난 한 달 동안은 개발 프로젝트에 참여하면서 시간을 보냈었다. (이젠 나도 개발자?!) 내가 참여한 이번 프로젝트는 기존에 Vue.js 프레임워크로 개발된 시스템을 React와 TypeScript 기반으로 마이그레이션 하는 것이 주요 과제였고, 여기에 몇 가지 새로운 기능을 추가해 전체 시스템을 개선하는 것을 목표로 하는 프로젝트였다. 이 프로젝트를 진행하면서 가장 먼저 떠오른 의문 중 하나는 바로 이거였다."Vue.js로 잘 만들어진 시스템을 왜 굳이 React로 바꾸는 걸까?" 의문이 들었다면 해결해봐야하지 않겠는가? 그래서 오늘의 블로그 주제를 Vue.js와 React로 들고 오게 되었다😉 그럼 바로 시작해보자😎Reac.. CS 2025. 6. 3.

• 

  11. REST API & RESTful API 11번째 CS 블로그 주제는 REST API와 RESTful API에 대해서 다뤄보려고 한다! API에 대한 블로그를 작성했을 때 REST API가 잠깐 등장했었는데, 웹 개발자라면 꼭 알아둬야 할 국밥 개념이라고 한다. (맛있겠다...🍲) 이번 주제도 확실히 알고 있는 주제가 아니라 이해하는데 시간이 좀 걸리겠지만... 뭐가 어찌 됐든 해내야겠지~? 그럼 시작해 보자😉REST API & RESTful APIREST(REpresentational State Transfer)란?웹의 자원을 HTTP URI로 표현하고, HTTP 메서드를 통해 해당 자원에 대한 행위를 정의하는 아키텍처 스타일즉 REST란, 어떤 자원에 대해 CRUD(Create, Read, Update, Delete) 연산을 수행하기 위.. CS 2025. 4. 14.

• 

  10. 서버와 클라이언트 드디어 10번째 CS 주제에 도달했다🎉 🎉 낯선 개념, 익숙한 개념 모두 이겨내고 이 주제까지 도달한 나에게 박수 한 번 쳐주고 시작해 보도록 하겠다👏 이번 CS 주제는 '서버와 클라이언트'이다. 웹 개발을 진행하면 서버와 클라이언트라는 단어를 굉~장히 많이 들을 것이다. 당연한 말이다. 웹은 서버와 클라이언트가 없으면 제대로 된 기능으로 동작할 수 없다. 왜일까? 이건 이제부터 알아가보자😉서버와 클라이언트서버란?클라이언트의 요청을 받아들이고, 처리하여 응답해 주는 컴퓨터나 프로그램서버는 일반적으로 클라이언트의 요청에 대해 응답해 주는 시스템이다. 간단하게 생각하면 무언가를 제공해 주는 입장이라고 생각하면 편하다. 우리가 컴퓨터를 할 때, 일반적으로 웹 브라우저를 통해 정보를 볼 수 있는데, 이것.. CS 2025. 4. 13.

• 

  9. 동기 및 비동기 Git의 축복이 끊이질 않던 요 며칠이 지나고 드디어! 새로운 주제로 돌아와 보았다. CS의 9번째 주제는 동기 및 비동기 처리에 관해 다뤄보려고 한다. 그럼 동기랑 비동기 알아보러 가~볼~까~?동기 & 비동기개발을 진행하다 보면 동기와 비동기라는 단어를 자주 접할 수 있다. 근데 이 둘이 정확히 무엇인지는 모르는 경우가 많을 것이다... (경험담 아닙니다.) 그러니 동기와 비동기의 개념부터 차근차근 알아가 보자!동기(synchronous)란?요청과 그 결과가 순차적으로 이루어지는 통신 방식 동기 방식의 코드가 실행되면, 해당 코드의 작업이 완료될 때까지 다음 코드로 넘어가지 않는다.즉, 동기 방식은 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어지는 방식이라고 할 수 있다. 동기 방식을 사용할 .. CS 2025. 4. 12.