본문 바로가기

Front-End55

undefined와 null의 차이점에 대해서 설명해주세요. undefined와 null은 둘 다 '값이 없다'는 의미를 담고 있지만, 그 쓰임새와 의미에는 차이점이 존재합니다. undefined는 자바스크립트에서 자동으로 할당되는 값입니다. 변수는 선언했지만, 아직 아무 값도 할당하지 않았을 때, 자바스크립트는 그 변수에 undefined라는 값을 자동으로 부여합니다.예를 들어 let a;라는 변수를 선언만 하고 값을 넣지 않으면, 자바스크립트가 자동으로 a에 undefined을 할당하게 됩니다.반면에 null은 개발자가 의도적으로 할당하는 값입니다. 특정 변수에 값이 없음을 명확하게 표현하기 위해 개발자가 null을 넣어줄 수 있습니다.예를 들어 let a = null; 이라고 할 경우, 이는 b라는 변수에 일부러 값이 비어 있다는 의도를 나타내기 위해 nul.. 2025. 7. 22.
[Next.js] Server Actions and Mutations 서버액션 (Server Actions)비동기 함수인데, 서버에서 실행된 함수즉, 브라우저에서 실행되는 리액트 같은 클라이언트 컴포넌트가 구분지어져 있는데, 파일 최상단에 'use Server' 혹은 'use client' 라고 붙어있는 컴포넌트들을 말합니다.// 서버 컴포넌트'use server'// 클라이언트 컴포넌트'use client''use server'export async function create() { // 이 파일에 있는 모든 코드들은 서버에서 동작하게 된다.}import { create } from '@/app/actions';export function Component() { return ( // )} 2025. 5. 29.
[Front-End] Flutter "open source"는 소프트웨어의 코드가 공개되어 있고, 누구나 해당 소프트웨어를 사용하거나 수정할 수 있는 형태를 가리킨다."Framwork"는 소프트웨어를 개발하기 위한 기본 구조와 함께 특정 작업이나 기능을 수행하기 위한 도구, 규칙 등의 집합체다."Native Compiled"는 안드로이드와 iOS코드로 직접 컴파일(코드변환)이 이루어진다는 것이다."Multi Platform"이란 여러개의 플랫폼(운영체제)에서 사용 가능하도록 개발 가능하다는 뜻이다.  Flutter의 경쟁자들Flutter VS React-Native VS Kotlin 플러터는 개발 경험이 너무 좋기 떄문에 놀라울정도로 빠르게 성장했고, 앞으로 더욱 성장할 것이다. Flutter Mac 설치 커맨드Shell타입 확인 커맨드e.. 2024. 5. 15.
[Front-End] FSD 저도 제일 처음 시작할 때 직면하는 문제 중 하나였습니다. 누가 정해주면 참 좋지만 그게 협업을 하면서도 다 다르게 아키텍처 문제가 발생하니 이 점을 확장할 수 있는 FSD를 보겠습니다. 기능 분할 설계 (Feature-Sliced Design, FSD) 레이어(layer), 슬라이스(slice), 세그먼트(segment)의 세가지 개념을 구분합니다. 레이어 레이어는 최상위 디렉토리이자 애플리케이션 분해의 첫 번째 단계입니다. 레이어의 수는 최대 7개로 제한되어 있으며, 일부는 선택 사항이지만 표준화되어 있습니다. app: 애플리케이션 로직이 초기화되는 곳. Provider, Router, 전역 스타일, 전역 타입 선언 등이 정의 되며, 애플리케이션 진입점 역할을 합니다. processes: 이 레이어는.. 2024. 4. 3.

티스토리툴바