본문 바로가기

분류 전체보기75

[ETC] 올해 재밌는 일을 해보고자.. 5년차 프론트엔드 개발자로 이후에 어떤 일로 Upgrade를 해볼까 막연하게 생각하던 중, 제일 무의미하지만 추후 의미있게 사용?할 수 있는 해보고자 합니다.내가 생각했던 인터렉션과 접목하여 내가 제일 잘하고 하고싶었던 일을 하나 해보고자 시작을 할까 합니다.다양한 일 중에 내가 개발과 같이 접목할 수 있는 일, 그리고 내가 해보고 싶었던 일을 같이.. 될 지 모르겠지만 다시 시작하는 마인드로 시작해봐야지! 아자! 2025. 7. 22.
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.
[React] 카카오톡/라인 인앱 브라우저에서 외부 브라우저로 열기 카카오톡, 라인에서 인앱 브라우저에서 외부 브라우저로 열기할 때 사용하려고 한다.GA utm 파라미터를 잃게되거나 혹은 다른 url로 변경될 때 전달되지 않은 값이 있을 수 있으니 이걸로 처리하는게 좋을 듯 싶다. import React, { useEffect } from 'react';const InAppBrowserRedirect = () => { useEffect(() => { const copyToClipboard = (val) => { const textarea = document.createElement('textarea'); document.body.appendChild(textarea); textarea.value = val; textarea.se.. 2024. 12. 6.

티스토리툴바