https://devsnote.com/rss/board/framework 프레임워크 게시판 최신 글 ko Wed, 04 Nov 2026 04:28:18 GMT https://devsnote.com/@kimhyunho/post/8475 https://devsnote.com/@kimhyunho/post/8475 Wed, 05 Mar 2025 11:30:53 GMT 뎁스_59f720f37 · https://devsnote.com/@3077/post/8455 https://devsnote.com/@3077/post/8455 Fri, 28 Feb 2025 05:57:15 GMT 용가리개발자 · https://devsnote.com/post?post_no=8337 https://devsnote.com/post?post_no=8337 Wed, 12 Feb 2025 15:32:06 GMT sonjinju12 · package com.mysite.sbb; import static org.junit.jupiter.api.Assertions.assertEquals; import org.junit.jupiter.api.Test; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.test.context.SpringBootTest; @SpringBootTest class SbbApplicationTests { @Autowired private QuestionRepository questionRepository; @Test void testJpa() { Question q = this.… https://devsnote.com/post?post_no=8305 https://devsnote.com/post?post_no=8305 Sun, 09 Feb 2025 05:14:43 GMT 픽셀노마드 · "React를 배우고 싶은데 어디서부터 시작해야 할까?" "문서를 읽고 예제를 따라 해봤지만, 실제로 적용하는 것이 어렵다!" "내가 작성한 코드가 맞는지 확신이 안 든다…" React를 배우려는 사람이라면 한 번쯤 이런 고민을 해봤을 것이다. 그런데 이제는 AI를 활용해서 더 쉽고 빠르게 React를 배울 수 있다! ChatGPT를 활용하면 React 개념을 쉽게 이해하고, 실시간으로 코드 오류를 수정하며, 실제 프로젝트를 함께 만들어볼 수 있다. ChatGPT로 React를 학습 하는 과정을 진행해보면서 학습 속도를 높이고, 실력을 더 빠르게 키우는 방법을 살펴보자. 1. AI를 활용한 React 학습이 왜 효과적일까? 빠른 피드백: ChatGPT에게 코드를 설명하거나 오류를 물어보면 즉각… https://devsnote.com/post?post_no=8235 https://devsnote.com/post?post_no=8235 Fri, 24 Jan 2025 16:07:55 GMT 아마무다무다 · 현재 NEXTJS 에서 PWA 개발중인데 안드로이드에서 앱을 열때 SplashScreen 에서 아이콘이 너무 커서 예쁘지가 않네요 custom splashscreen 은 안되는거같고 manifest 에서 사이즈를 변경해보아도 화질만 떨어지고 크기는 그대로네요 어떻게 해결할수 있을까요? https://devsnote.com/post?post_no=8229 https://devsnote.com/post?post_no=8229 Thu, 23 Jan 2025 10:06:04 GMT sonaki84 · 1월 21일 이제 막 공개된 React Native 0.77! 이번 버전은 예고했던 것보다 더 큰 변화를 담고 있습니다. 요즘은 모바일 앱 개발이 워낙 빠르게 돌아가다 보니 새 버전이 출시될 때마다, 새롭게 추가된 기능들을 놓치지 않고 챙기는 게 중요할 것 같습니다 React Native 공식 블로그의 내용을 토대로, 특히 이번에 추가되고 변경된 주요 기능들 중심으로 살펴볼께요. React Native 0.77 주요 변경점 1. 새로운 CSS 기능: 디자인·레이아웃 강화 React Native 0.77 버전은 더 풍부한 레이아웃 옵션을 제공하기 위해 다양한 CSS 속성들이 새로 도입되었거나 개선되었다고 합니다 아래 기능들은 최신 New Architecture(Fabric, TurboMod… https://devsnote.com/post?post_no=8196 https://devsnote.com/post?post_no=8196 Sun, 19 Jan 2025 14:19:09 GMT 뎁스_e5d2d0e3c · 안녕하세요. 다름이 아니라 노드를 깔아서 코드 작성 후 명령어를 실행했는데 아무런 반응 없이 바로 터미널이 꺼집니다. 먼저 시도하거나 확인해본 방법은 1. 노드 버전 확인 2. 환경변수 편집 확인 3. 3000 port 실행 확인 4. express 설치 확인 등등 시도할만한 방법은 모두 시도했으나 "node app.js" 명령어 실행 시 사진처럼 서버가 실행되지 않고 무반응으로 끝나버립니다. app.js 코드는 대략 이렇게 작성했고, 노트 삭제 후 재설치 등 가능한 방법은 모두 시도했으나 여전히 서버가 안 켜져서 시행착오 끝에 질문을 올립니다. 무엇이 문제인지, 어떻게 해야 서버를 다시 킬 수 있는지 궁금합니다. const expres = require("express"); co… https://devsnote.com/post?post_no=8179 https://devsnote.com/post?post_no=8179 Wed, 15 Jan 2025 05:51:49 GMT 피토니 · 개발 프레임워크를 선택할 때 가장 중요한 요소는 프로젝트의 요구사항과 개발자의 선호도입니다. Django와 FastAPI는 각기 다른 철학과 접근 방식을 가지고 있지만, 둘 다 강력한 웹 개발 도구입니다. 이 글에서는 두 프레임워크의 주요 특성과 차이점을 깊이 있게 다루며, 프로젝트 요구 사항에 따라 어떤 프레임워크가 적합한지 알아보겠습니다. 1. 배터리 포함 또는 독립적인 구성 Django: 모든 것을 포함한 올인원 솔루션 Django는 "배터리 포함(batteries included)" 철학을 기반으로 설계되었습니다. "배터리 포함"이라는 말은 대부분의 기능이 기본적으로 프레임워크에 포함되어 있어, 추가적인 패키지 설치 없이도 개발을 시작할 수 있다는 뜻입니다. 장점: 내장 기능의 편리함: O… https://devsnote.com/post?post_no=8113 https://devsnote.com/post?post_no=8113 Tue, 31 Dec 2024 01:08:56 GMT 피토니 · Django ORM을 사용하면서 고유한 객체를 검색할 때, first() 메서드를 사용하는 경우가 있는데 이는 예상치 못한 버그를 유발할 수 있습니다. 이 글에서는 first() 메서드의 문제점과 이를 대체할 수 있는 안전한 방법을 살펴보겠습니다. first() 메서드의 문제점 first() 메서드는 쿼리셋에서 첫 번째 객체를 반환합니다. 하지만 데이터베이스의 정렬 순서가 보장되지 않는 경우, first()가 반환하는 객체는 예측할 수 없습니다. 이는 특히 고유한 객체를 검색할 때 문제가 됩니다. 예를 들어, email 필드가 고유하다고 가정하고, 해당 이메일을 가진 사용자를 찾으려면 다음과 같이 작성할 수 있습니다. user = User.objects.filter(email=email).firs… https://devsnote.com/post?post_no=8096 https://devsnote.com/post?post_no=8096 Thu, 26 Dec 2024 02:32:03 GMT 밍맹구 · React는원래 컴포넌트별로 나눠서 처리하고 app.jsx는 컴포넌트 경로만 되어있는걸로 알고있는데 요즘 트랜드가 이런건지 리팩토링요청을 해야할지 궁금합니다..! https://devsnote.com/post?post_no=8038 https://devsnote.com/post?post_no=8038 Mon, 16 Dec 2024 02:23:11 GMT kimho · 최근 개발자들에게 신선한 충격을 안겨준 Node.js의 업데이트, "Require ESM 기본 활성화" 소식을 들으셨나요? 이 변화는 Node.js 생태계에 큰 변화를 예고합니다. 그 이유와 자세한 내용을 함께 알아보겠습니다. 새로운 시대를 여는 Require ESM Node.js 18 버전부터 ESM(ECMAScript Module)을 공식적으로 지원했지만, 여전히 CommonJS 방식과 병행해야 했습니다. 이제는 LTS(Long Term Support) 버전에서 Require 문법을 사용해도 ESM이 기본으로 활성화됩니다. 이 업데이트가 중요한 이유는? ESM의 기본 활성화 ESM은 JavaScript의 표준 모듈 시스템으로, CommonJS보다 빠르고 현대적인 방식입니다. 브라우저 환경에… https://devsnote.com/post?post_no=7402 https://devsnote.com/post?post_no=7402 Fri, 23 Aug 2024 03:59:23 GMT 뎁스_3131 · 안녕하세요 seo 관련하여 공부하면서 next에서 sitemap 작성시 궁금한 점이 생겼는데요. 정적으로 sitemap 파일을 작성하는 경우 첫 번째 사진처럼 하면 되겠지만 만약 동적으로 예를들어 블로그의 다양한 포스트, 사용자들의 프로필 화면등의 실제 경로를 sitemap에 작성할 때 어떤식으로 처리하는지가 궁금해졌습니다. 예시를 찾아보니 두 번째 사진처럼 실제 경로가 담긴 api를 받아서 (예를들어 블로그의 경우 post/[id], 프로필의 경우 profile/[userid]) map으로 순환하여 작성하는 예시를 많이 확인했는데 실제로도 이런 방식을 많이 채택하는지 궁금합니다! https://devsnote.com/post?post_no=6653 https://devsnote.com/post?post_no=6653 Fri, 03 May 2024 00:46:54 GMT 케이플 · [XCode/IOS] Command PhaseScriptExecution failed with a nonzero exit code 예전에 했던 프로젝트를 1달정도만에 XCode에서 빌드하려는데 Command PhaseScriptExecution failed with a nonzero exit code 에러로 IOS 빌드가 되지 않았다. 위와 같은 에러메시지는 하도 많이 봤지만 전에 했던 방법대로 해도 해결되지 않는 마법같은 에러.. 역시나 build clean & pod install 과 같은 명령어로는 해결되지 않았다. 열심히 찾아보던 도중 간단히 해결할 수 있는 방법을 찾았다! 프로젝트 루트/node_modules/react-native/scripts/find-node.sh 파일에 set -e… https://devsnote.com/post?post_no=5704 https://devsnote.com/post?post_no=5704 Tue, 26 Sep 2023 09:13:29 GMT 궁금해유 · 안녕하세요. 기능 구현에 어려움이 있어 질문 드립니다. 감사합니다!! •로직 구조 [Controller] -list를 전달 받음 -ServiceImple method1에 list 전달하며 호출 [ServiceImple] Method1 -for문 실행하며 list 요소 Method2에 전달하며 호출 Method2 -Update1, Udate2 쿼리 호출 •문제 상황 Method2의 Update2에서 runtimeException 발생 시 Update1도 같이 롤백하고 Method1에서 다음 list 요소가 처리되도록 구현하고자 합니다. try catch를 이용해서 예외객체를 생성해 throw 해봤는데 거기서 로직이 종료되고 list의 다음 요소들이 처리되지 않는 문제가 있습니다. 해결할 방법이 있… https://devsnote.com/post?post_no=5632 https://devsnote.com/post?post_no=5632 Sun, 10 Sep 2023 11:20:28 GMT 털먹는토끼 · 로그인페이지(/user-page)에서 footer컴포넌트를 안띄우는 기능을 구현하고 싶어 footer 컴포넌트를 csr 방식으로 사용하도록 'use client' 줬습니다. 근데 error ReferenceError: window is not defined 라는 에러가 뜨면서 적용이 안되네요ㅠㅠ nextjs는 ssr이니까 window에 접근하기 위해선 'use client'를 주면 된다고 들었는데 왜 안되는걸까요?? 찾아보니까 useEffect 쓰라해서 useEffect도 써봤는데 에러가 뜨진않지만 여전히 적용안되더라구요. 문제점 알려주시면 감사하겠습니다ㅠㅠㅠ <footer.tsx 파일> 'use client' import React, { useEffect } from 'react' impor… https://devsnote.com/post?post_no=5299 https://devsnote.com/post?post_no=5299 Thu, 13 Jul 2023 00:41:33 GMT 토이토이 · 안녕하세요 댓글 관련 해서 질문드립니다. 게시판을 하나 만들고있는데 CRUD , 페이징 처리는 다 완료하였습니다. 이제 댓글 하나만 남았는데 처음에 댓글 AJAX 등록 및 목록 불러오기조차 되지않아서 3~4일간 노력한끝에 등록 및 불러오기를 구현 했습니다!! 근데 한가지 문제가 또 발생하더라구요 .. 댓글이 제가 선택한 게시글의 상세보기에 등록되는것인데 .. 1-1) 게시글의 상세보기에 들어가면 댓글이 나오지않고 , 꼭 댓글등록 버튼을 눌러야만 목록이 보입니다. 1-2) 그리고 제가 댓글 등록을 모달창으로 구현하였는데 댓글등록버튼을 누르면 모달창에 꺼지지가않습니다 ..ㅠ 1-3) 목록이 보이고 , 다시 새로고침을 누르면 댓글 리스트가 사라집니다. -> 그래서 제가 이것저것 해본결과 왠지 Noti… https://devsnote.com/post?post_no=4252 https://devsnote.com/post?post_no=4252 Wed, 09 Nov 2022 16:06:03 GMT 무니스 · https://devsnote.com/post?post_no=3992 https://devsnote.com/post?post_no=3992 Thu, 25 Aug 2022 12:13:11 GMT smith · 자금사정 상 개발용이, 기간 및 인력 감축 등의 이유로 리액트 네이티브로 하이브리드 앱을 제작하고자 합니다. 제가 생각하는 기능들이 구현이 가능한지, 어떤 개발자를 뽑아야하는지 질문 드리고자합니다. 내장 마이크를 사용하여 음성을 녹음하고 음성의 높낮이를 파악하여 기록 (수면중에 코골이 및 이갈이를 얼마나 하는지 측정하기 위함) 구현 가능할까요? (마이크 권한) 쇼핑몰 및 결제 기능 자사 쇼핑몰이 있는데, 웹뷰로 바로 끌어오는게 가능한지, 혹은 그냥 다시 만들어야하는지 배송 상태 확인 (내 택배가 잘 배송되고있는지) 이건 택배사의 API나 데이터를 사용해서 개발하는 방향으로 가야할까요? 백엔드는 파이어베이스 같은 BaaS 를 이용하면 해결 될까요? 채용관련 하이브리드앱 개발 및 런칭 경험이 있는… https://devsnote.com/post?post_no=3911 https://devsnote.com/post?post_no=3911 Wed, 03 Aug 2022 10:48:22 GMT 응애나아기단국대 · - vscode에서 Spring boot를 실행하려고 하는데 계속 error가 뜹니다.. 이 에러는 대체 왜뜨는걸까요? 어떻게 해야 실행할 수 있을까요.. https://devsnote.com/post?post_no=3818 https://devsnote.com/post?post_no=3818 Sun, 10 Jul 2022 16:10:49 GMT olbaid · data.js 파일에 있는 데이터들을 App.js의 컴포넌트에 이미지와 같이 쓸려고 하는데 이미지에서처럼 코드를 작성하면 화면에는 이미지가 출력되지 않는데 어떤 방법이 있을까요 ... https://devsnote.com/post?post_no=3648 https://devsnote.com/post?post_no=3648 Fri, 20 May 2022 02:47:05 GMT 보무 · 안녕하세요~ 디자이너와 개발자의 협업을 한층 긴밀하게 해주는 디자인 시스템 관련 &#39;리액트 컴포넌트 라이브러리 구축&#39; 현황에 대해 알아보기 위해 설문조사를 진행하고 있는데요, 추첨을 통해 10분께 스타벅스 기프티콘도 드리고 있어요! 설문에 간단한 제품 컨셉도 들어가 있으니 구경해보시고 많은 참여 부탁드려요~ 감사합니다! https://ko.surveymonkey.com/r/designs_33 https://devsnote.com/post?post_no=3612 https://devsnote.com/post?post_no=3612 Thu, 12 May 2022 10:25:33 GMT 케이플 · 리액트 네이티브 개발자들이 겪는 가장 빈번한 5가지 문제와 해결책 | 요즘IT 리액트 네이티브는 리액트나 뷰(Vue)와 같은 다른 자바스크립트 라이브러리와 비교하면 커뮤니티가 크지 않으며, 개발 과정에서 마주치는 문제에 대한 해결책을 찾는데 종종 어려움을 겪게 됩니다. 지금부터 리액트 네이티브 개발에서 가장 빈번하게 부딪히는 난관을 어떻게 해결할 수 있는지 구체적인 예제를 통해 알아보도록 하겠습니다. yozm.wishket.com 앱스토어 스크린샷 찍기 폰트 문제 해결하기 로컬 스토리지 HTML 렌더링 간단한 조건식 (&&) https://devsnote.com/post?post_no=3562 https://devsnote.com/post?post_no=3562 Thu, 28 Apr 2022 02:20:48 GMT huu · 콘솔에 movies.results 하면 나오는데 movies.results[1] 하면 왜 Uncaught TypeError: Cannot read properties of undefined (reading &#39;1&#39;) 에러 뜰까요 https://devsnote.com/post?post_no=3556 https://devsnote.com/post?post_no=3556 Tue, 26 Apr 2022 01:13:25 GMT huu · redux 버전 낮추느까 되네요 https://devsnote.com/post?post_no=3368 https://devsnote.com/post?post_no=3368 Sun, 13 Mar 2022 05:33:12 GMT 케이플 · [Next.js] _app.js와 _document.js의 차이 facebook pixel 스크립트 저장을 예시로 두 파일을 비교해보자 velog.io _app.js는 동적인 것중에 공통 적용할 사항들을 기재, _document.js는 정적인 것중에 공통 적용할 사항들을 기재한다. https://devsnote.com/post?post_no=3104 https://devsnote.com/post?post_no=3104 Wed, 24 Nov 2021 10:07:12 GMT 겍코 · Laravel 8.73 Released The Laravel team released 8.73 with support for Countable objects in the string pluralizer, allowing closures for determining cache TTL, a lazyByIdDesc() query builder method, and the latest changes in the v8.x branch. laravel-news.com The Laravel team released 8.73 with support for Countable objects in the string pluralizer, allowing closures for determining cache TTL,… https://devsnote.com/post?post_no=2975 https://devsnote.com/post?post_no=2975 Sun, 10 Oct 2021 05:35:25 GMT 닥터핸 · [React] 렌더링 성능 최적화하는 7가지 방법 (Hooks 기준) 오늘은 그동안 React를 공부하고 알아왔던, class기반이 아닌 hooks 기반의 성능 최적화에 대한 방법들을 포스팅 하고자 한다.먼저 컴포넌트의 리렌더링 되는 조건은 아래와 같다.부모에서 전달받은 props가 변경될때부모 컴포넌트가 리렌더링 될 때자신의 state velog.io React 개발 시 알아두면 좋은 성능 최적화 방법들을 설명하고 있음.🙂 useMemo React.memo 컴포넌트 메모이제이션 useCallback 자식 컴포넌트의 props로 객체를 넘겨줄 경우 변형하지말고 넘겨주기 컴포넌트를 매핑할 때에는 key값으로 index를 사용하지 않는다. useState의 함수형 업데이트 Input에 onChage… https://devsnote.com/post?post_no=2929 https://devsnote.com/post?post_no=2929 Fri, 24 Sep 2021 09:49:35 GMT 닥터핸 · [Node.js] Multer-S3를 이용한 이미지 업로드 AWS S3 버킷에 이미지 파일을 저장하고, DB엔 그 버킷의 이미지 파일 경로(이미지 주소)를 저장하고, 서버는 이 경로를 클라이언트로 응답합니다. velog.io 아마존의 AWS의 S3에 이미지를 업로드하고 업로드한 URL 경로는 DB에 저장하고자 하는 경우 Multer-S3와 AWS-SDK 모듈을 이용하여 구현하는 방법을 설명합니다😊 const multer = require('multer'); const multerS3 = require('multer-s3'); const aws = require('aws-sdk'); aws.config.loadFromPath(__dirname + '/../config/s3.json'); const… https://devsnote.com/post?post_no=2733 https://devsnote.com/post?post_no=2733 Wed, 08 Sep 2021 03:30:21 GMT 닥터핸 · Preparing Your App for iOS 15 and Android 12 · React Native Hello everyone! reactnative.dev 올해 iOS 15와 Android 12가 출시되기 전에 React Native 앱에 대해 몇가지 대비할 것들입니다. iOS 15 퀵타입 바 퀵타입 바는 키보드 상단에서 몇가지 단어를 추천하는 기능입니다. iOS 15에서는 autoCorrect를 false로 지정해도 퀵타입 바가 비활성화되지 않습니다. 퀵타입 바를 숨기려면 spellCheck도 false로 지정해야 합니다. 이 때 TextInput에서 빨간 줄이 있는 맞춤법 검사도 비활성화 됩니다. 즉, 퀵타입 바가 없는 맞춤법 검사는 더 이상 지원하지 않습니다. <TextInput p… https://devsnote.com/post?post_no=2635 https://devsnote.com/post?post_no=2635 Mon, 09 Aug 2021 03:45:24 GMT 닥터핸 · A Visual Guide to React Rendering - It Always Re-renders Contrary to popular belief, by default, react component doesn't care whether its props changed or not. It will always re-render when its parent renders. alexsidorenko.com useMemo의 활용을 이해하기 쉬우라고 그림과 함께 설정한 글이네요.