![[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)
현대 백엔드 개발에서 JSON은 선택이 아닌 필수다. API 통신, 데이터 저장, 설정 파일까지 JSON이 없는 백엔드 시스템은 상상하기 어렵다고 한다. ## 1. JSON이란 무엇인가? JSON(JavaScript Object Notation) 은 사람이 읽고 쓰기...
이 글에서는 프로그램을 작동시킬 때 객체가 메모리상에서 정확히 어떻게 저장되는지 구현 방식을 설명해보겠습니다. 로우레벨(CPU/GPU/메모리) 관점에서 코드를 바닥까지 이해하는 것은 언제나 도움이 된다고 생각해요. 이후 객체의 생성과 관리가 코드 설계에서 중요한 이...
![[OOP] Java 객체지향 기초](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fthumbnails%2F26%2F76ad815f-ae04-4288-b1e3-47c1e8728a5d.jpeg&w=3840&q=75)
Spring 프레임워크는 철저하게 '객체지향(Object-Oriented)'을 중심으로 설계되어 있습니다. 따라서 이 글에서는 Java에서의 객체지향 기초를 다뤄보겠습니다.
![[14기 과제] HTML / CSS + vercel + Figma dev mode](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fposts%2F21%2F5c6f5980-4657-4b8c-894f-df8a908bd491.png&w=3840&q=75)
2주차 세션에서는 **HTML, CSS** 프로그래밍 언어에 대해 배우고, 기획/디자인 세션과의 소통을 돕는 **Figma dev mode**, 마지막으로 **Vercel**을 통해 배포하는 방법까지 배워보았습니다! 배운 내용을 복습하기 위한 과제로는 **개인 포트...
객체지향 프로그래밍의 핵심은 클래스가 아니라 역할, 책임, 협력이다 객체지향 프로그래밍이라고 하면 보통 캡슐화, 상속, 다형성, 추상화 같은 단어부터 떠오른다. 그리고 실제로 자바나 코틀린을 배우다 보면 인터페이스를 만들고, 구현체를 분리하고, 상속 구조를 설계하는 식
생성자(Constructor)란? 기본 생성자와 매개변수 생성자, 객체 초기화 정리 자바를 처음 공부할 때 new 클래스이름() 형태의 코드를 자주 보게 된다. 이때 객체를 생성하는 과정에서 함께 등장하는 것이 바로 생성자(Constructor)이다. 처음에는 생성자가
![[14기 과제] 3주차 사전과제 - 인터페이스(Interface)](/_next/image?url=https%3A%2F%2Flikelion-blog-images.s3.ap-northeast-2.amazonaws.com%2Fimages%2Fthumbnails%2F18%2F2ce685c2-7cc1-4526-9187-def2419150a0.jpg&w=3840&q=75)
오늘은 OOP 주요 특성인 **상속과 다형성**을 구현하기 위해 꼭 필요한 개념인 인터페이스에 대하여 정리해보았습니다. ## 인터페이스의 정의 인터페이스란 넓은 의미에서 서로 다른 시스템에서 상호작용하는 시스템을 의미합니다. 이를 프로그래밍에 접목해보면 클래스가 구현...
OOP에서의 캡슐화(encapsulation) 개념 이해 - 접근 제어자, 생성자, getter와 setter를 알아봅시다.
이 글을 읽고 나면, 컴포넌트의 생명주기를 이해하고, useEffect로 외부 데이터를 가져오고, 다양한 조건에 따라 화면을 유연하게 구성할 수 있습니다. 2편에서는 props와 state로 사용자와 상호작용하는 투두 리스트를 만들었습니다. 하지만 아직 부족한 것이
이 글을 읽고 나면, 컴포넌트에 데이터를 전달하고(props), 사용자와 상호작용하는 동적인 UI를 만들 수 있습니다(state, 이벤트). 1편에서 우리는 컴포넌트와 JSX를 배우고, 자기소개 카드를 만들었습니다. 하지만 그 카드는 항상 같은 내용만 보여주는 정적
이 글을 읽고 나면 React가 왜 만들어졌는지 이해하고, 첫 번째 React 프로젝트를 생성하고, 컴포넌트와 JSX를 직접 작성할 수 있습니다. 이 시리즈는 총 6편으로 구성되어 있습니다.
