# 아이디어톤 이번 멋쟁이사자처럼 대학 커뮤니티 아이디어톤은 “AI로 _____ 을/를 없앤다면?”이라는 직관적인 주제로 출제가 되었습니다. 이번 대회의 핵심은 단순히 기술적인 화려함을 겨루는 것이 아니라, 우리 일상 속에 숨어 있는 크고 작은 불편함이나 사회적 페...
# 2026 아이디어톤 소개  지난 4월...
![[14기 과제] React 디버깅](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fposts%2F31%2F84b861bd-d7bd-4668-ba88-62197f8c4c0a.png&w=3840&q=75)
7주차 과제는 Github에 올라온 5가지 파일의 각 problem을 해결하는것이었다. React를 포함한 프론트엔드 개발을 배운지 얼마 되지 않았기에, 사실 모든 문제들이 어려웠지만.. 그중에서도 인상 깊었던 Problem 5를 다루고자 한다. ![image]...
![[14기 과제] React 디버깅 미션](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fposts%2F14%2Fe77f84d4-02d1-46b9-9b46-243537f3fe33.png&w=3840&q=75)
7주차 과제는 Lion Store 쇼핑몰 페이지에서 발생하는 다양한 문제를 해결하는 디버깅 미션이었습니다. 문제는 1번부터 5번까지 총 5문제였으며 5문제 모두 쉽지 않게 느껴졌지만 그 중에서도 4번 문제가 가장 까다롭게 느껴졌습니다. 4번 문제는 검색어 창에서 일어나...
![[14기 과제] React(2)-쇼핑몰 커스터마이징](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fposts%2F14%2Fd7cf51e8-675d-4b6c-938b-5c0b09bb58e9.png&w=3840&q=75)
이번 5주차 세션에서는 Typescript, Tailwindcss, React Router DOM, Context API에 대해 배웠습니다. 이를 활용해 기본적인 React만 사용할 때보다 더 안정적이고 효율적으로 페이지를 관리할 수 있게 되었습니다. 이번 과제는 쇼핑
실제 서비스에서는 데이터를 단순히 파일에 저장하는 수준을 넘어, 다수의 사용자가 동시에 접근하더라도 데이터의 일관성과 무결성을 유지해야 한다. 이를 가능하게 하는 데이터베이스 시스템의 핵심 용어들과, 데이터를 구조화하는 정규화 과정에 대해 정리해 본다.
들어가며 웹 서비스를 만들 때 사용자는 회원가입을 하고, 상품을 장바구니에 담고, 게시글을 작성하고, 댓글을 남긴다. 이때 발생하는 수많은 데이터는 어딘가에 안전하게 저장되어야 한다. 예를 들어 쇼핑몰 서비스를 만든다고 생각해보자. 사용자 정보, 상품 정보, 장바구
![[14기 과제] 데이터베이스_김대웅](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fthumbnails%2F18%2Fef209e34-085e-42e3-9150-439d553a8e93.png&w=3840&q=75)
우리가 사용하는 대부분의 서비스들에는 데이터베이스가 존재합니다. 유튜브의 영상 목록, 학교 수강 신청 시스템까지 실제 데이터가 오고 가는 지점이 있고, 우리가 화면에서 보는 것은 단순한 UI일 뿐입니다. 그 뒤에서는 방대한 데이터를 다루는 데이터베이스가 핵심 역할을 맡...
![[14기 과제] HTML, CSS - 포트폴리오 만들기](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fposts%2F27%2F790196f5-f48c-47ba-806f-241f79217f43.png&w=3840&q=75)
## 네비게이션 바 웹사이트 상단에서 흔히 볼 수 있는 네비게이션 바를 구현해보고자 했다. 
AI가 미친듯이 발전하는 시대에 더 중요한 것은 기본 아키텍처, 원칙, 개념!이라는 말을 들었습니다! 그런 의미에서 뛰어난 멘토님께서 추천해주신 도서를 한번 첨부드립니다! 저도 얼른 하나씩 읽어보면서 책 정리와 독후감을 여기 남기려합니다 읽은 책은 옆에 v 표시해보겠습
![[BE] 라이브러리(Library) vs 프레임워크(Framework)](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fthumbnails%2F26%2F64a0f8e0-9615-48e4-b6e7-2ed05c8974d5.jpg&w=3840&q=75)
라이브러리는 내가 필요할 때 부르는 '도구'이고, 프레임워크는 내 코드를 가져다 쓰는 '틀'입니다. 핵심은 주도권입니다. "먼저 연락하지 마세요, 우리가 부를게요"라는 할리우드 원칙처럼 프레임워크가 전체 흐름을 제어하는 것을 '제어의 역전(IoC)'이라 합니다.
1️⃣ 들어가며 백엔드 개발을 공부하다 보면 Web Server와 WAS(Web Application Server)라는 용어를 반드시 만나게 된다. 둘 다 서버인데 뭐가 다른지 헷갈리기 쉽다. 이 글에서는 - Web Server와 WAS의 개념 - 둘
스프링 계층 구조(Layered Architecture)란? 스프링으로 백엔드 개발을 시작하면 가장 먼저 자주 보게 되는 구조가 바로 계층 구조(Layered Architecture) 이다. 처음에는 그냥 Controller, Service, Repository를 나누
이 글에서는 웹서비스 이용자의 요청과 그에대한 응답 상태를 다뤄보겠습니다. 네트워크에 대한 기본지식이 있으면 이해하기 쉽습니다! 1. 서버-클라이언트 구조 Server라는 이름에서 알 수 있듯이 서버는 어떤 서비스를 제공하는 컴퓨터를 의미합니다. 결국 우리가 사용하는
AI가 코드를 짜주는 시대, 개발자의 진짜 무기는 '설계 능력'입니다. 프론트와 백엔드 모두에게 필요한 가장 펀더멘탈한 이론, SOLID 원칙! 입문자 눈높이에 맞춰 아주 쉽게 준비했습니다. 어제보다 더 단단한 코드를 짜고 싶은 아기사자들 필독!
![[14기 과제] Javascript - 포트폴리오에 동적기능 구현하기](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fposts%2F21%2F4144c627-f853-49b0-8f6d-a86cfc9c3341.png&w=3840&q=75)
프론트엔드 3주차 세션에서는 Javascript에 대해서 배웠습니다. 2주차 세션에서 웹사이트의 뼈대를 구성하는 html, 구성한 뼈대에 디자인을 입히는 css를 배우고 3주차 세션에서 사이트에 동적 기능을 구현하는 Javascript 언어까지 학습하고 나니 더욱 멋진
![[14기 과제] JSON 데이터 포맷](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fthumbnails%2F18%2Fe236c30d-acad-4b82-bf2d-c486a5279888.png&w=3840&q=75)