묻고 답해요

dimmed 컬러 등록

해결됨

디자인 시스템 with 피그마

토큰 스튜디오에서 black컬러에 opacity를 준 dimmed 컬러를 등록하고 싶은데 방법을 모르겠습니다 🥹

• figma
• figma-tokens
• 디자인-시스템
• 아토믹-디자인

STM32 LCD 제어 프로그램

미해결

FreeRTOS 프로그래밍

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강의를 거의 다 들었습니다. RTOS에 대해서는 처음 공부해보는 중입니다. TOUCH GFX 프로그램으로 버튼 UI를 구성하였고 버튼을 클릭하면TIMER INTERRUPT를 이용하여 스텝 모터나 LED를 제어하고 싶습니다. 버튼을 클릭 시 메인 task를 통해 제어 함수를 구동하게 만들고 싶은데 task와 인터럽트가 꼬이면서 동작이 되지 않습니다. TASK에서 UI 버튼을 감지하고 TIMER 인터럽트를 실행 시키려고 했는데 해당 방법은 좋지 않은 방법인가요? 모터나 LED등 TIMER 인터럽트가 연속적으로 발생될경우에는 시스템을 어떤식으로 구성해야할까요..?

• 운영체제
• 임베디드
• FreeRTOS

playbook-sample2.yml 입니다.

미해결

Jenkins를 이용한 CI/CD Pipeline 구축

2024.05.17 기준 (맥북 M1) tomcat-9.0.89 을 사용하였습니다. --- - name: Download Tomcat9 from tomcat.apache.org hosts: devops become: yes become_user: root tasks: - name: Create a Directory /opt/tomcat9 file: path: /opt/tomcat9 state: directory mode: 0755 - name: Download the Tomcat checksum get_url: url: https://archive.apache.org/dist/tomcat/tomcat-9/v9.0.89/bin/apache-tomcat-9.0.89.tar.gz.sha512 dest: /opt/tomcat9/apache-tomcat-9.0.89.tar.gz.sha512 - name: Register the checksum value shell: cat /opt/tomcat9/apache-tomcat-9.0.89.tar.gz.sha512 | grep apache-tomcat-9.0.89.tar.gz | awk '{ print $1 }' register: tomcat_checksum_value - name: Download Tomcat using get_url get_url: url: https://dlcdn.apache.org/tomcat/tomcat-9/v9.0.89/bin/apache-tomcat-9.0.89.tar.gz dest: /opt/tomcat9 mode: 0755 checksum: sha512:{{ tomcat_checksum_value.stdout }}"

• ansible
• jenkins
• kubernetes
• ci/cd
• sonarqube

혹시 정오표가 따로 있나요?

미해결

CS 지식의 정석 | 디자인패턴 네트워크 운영체제 데이터베이스 자료구조

안녕하세요. 강의 잘 듣고 있습니다. 혹시 정오표가 따로 있나요? 있다면 링크 부탁드립니다. 감사합니다.

• 면접
• 운영체제
• 기술면접

안녕하세요 !! 파이썬 강의자료 부탁드립니다!

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

안녕하세요 파이썬 강의 자료 부탁드립니다 7146884@naver.com 감사합니다!

• python

VS코드 확장 질문

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

마우스 갖다올리면 정의 나오는 익스텐션이 어느건가요? 전 계속 loading...이라고만 나오네요 ㅠ.ㅠ

• javascript
• typescript
• rest-api
• nestjs
• backend

css에서 calc에 대해 질문있습니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

현재 css에서 calc부분에 대해 강의를 보고 있는데 궁금한 점이 처음부터 계산해서 한번에 값을 적으면 되지 왜 calc(100% - 70px) 이런식으로 하는지 궁금합니다.

• react
• node.js
• seo
• graphql
• next.js

interfaceProxy에 대해서 질문 있어요

미해결

스프링 핵심 원리 - 고급편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 인터페이스 프록시들이 잘 살펴보면 조금씩은 차이가 있지만 비슷한데 이것들을 전략패턴이나 아니면 다른 방식으로 또 통합 가능한가요?

• spring
• 디자인-패턴

빌드 에러

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. D:\down\study\hello-spring\hello-spring 스프링 폴더를 설치한 곳 cmd콘솔로 들어가서 위의 폴더까지 이동 후 강의자료처럼 실행하려 하는데 실행이 안되네요..

• java
• spring
• mvc
• spring-boot

local storage

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

저장할 때 밑에 코드를 쓰면 에러가 뜹니다ㅠㅠ어떻게 해결해야하나요? const initalTodoData = localStorage.getItem("todoData") ? JSON.parse(localStorage.getItem("todoData")) : []; function App() { const [todoData, setTodoData] = useState([initalTodoData]);

• react
• redux
• tdd
• typescript
• next.js
• 소프트웨어-테스트

gradlew build오류

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

자바 버전 17으로 맞게 설정해놨고, 인텔리제이 내에서도 전부 버전을 일치시켰습니다. 하지만 자꾸 빌드가 실패해요ㅠㅠ 도저히 모르겠습니다...도와주세요ㅠㅠ

• java
• spring
• mvc
• spring-boot

spingmvc 5.3.2x 버전 RequestMappingHandlerMapping.java 변경

미해결

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 안녕하세요, 항상 좋은 강의 제공해주셔서 감사합니다. 질문 강의 교안에 의하면 (section5 8p) RequestMappingHandlerMapping 이 애노테이션 기반의 컨트롤러인 @RequestMapping 에서 사용된다고 명시되어 있습니다. 이때, springmvc 버전 변경에 의해 @RequestMapping 이 아니라 @Controller 으로 바꾸어 이해하는 것이 더 올바른지 여쭤봅니다. springmvc 5.3.2x 버전 부터 RequestMappingHandlerMapping.java 클래스의 isHandler() 메서드의 구현이 아래와 같이 변경되었음을 확인했습니다. 출처 : [springmvc github commit 이력]( https://github.com/spring-projects/spring-framework/commit/3600644ed1776dce35c4a42d74799a90b90e359e ) 때문에 5.3.2x 버전 부터 핸들러 매핑에서 @RequestMapping 을 사용한 컨트롤러는 찾을 수 없기 때문에 @Controller 으로 바꾸어 생각해야 하는 것이 아닌지 여쭈어봅니다.

• spring
• mvc

addAttribute에러

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

에러어떻게 해결해야 하나요!

• java
• spring
• mvc
• spring-boot

key-value 타입 자동추론 질문드립니다

미해결

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

const StreamingProtocolList = ['HLS', 'DASH', 'CMAF'] as const export type UnionOfTuple<T extends readonly any[]> = T[number] export type IStreamingProtocol = UnionOfTuple<typeof StreamingProtocolList> export const isCMAFProtocol = (protocol: IStreamingProtocol) => protocol === 'CMAF' export interface IEndpoint { ce_id?: string ce_description: string ce_drm_yn: YN ce_type: IStreamingProtocol ce_hls_manifest_id: string | null } 위와같이 타입을 만들어놓고 컴포넌트단에서 onchange시에 key값과 value값을 인자로 던졌을때, 해당 key값에 대한 value타입을 자동추론하려고 합니다. const onChangeHandler = useCallback( <K extends keyof IEndpoint>({ key, value }: { key: K; value: IEndpoint[K] }) => { setState(prev => { if (key === 'ce_type') { return { ...prev, ce_hls_manifest_id: isCMAFProtocol(value) ? 4464 : null, [key]: value } } else { return { ...prev, [key]: value } } }) }, [], ) 제가원하는건 위의라인에 isCMAFProtocol에 들어가는 value가 IStreamingProtocol타입으로 자동추론되는건데 TS2345: Argument of type string | number is not assignable to parameter of type 'HLS' | 'DASH' | 'CMAF 라 발생하며 추론을 못하는 상황입니다. 이런 경우에는 제가 IStreamingProtocol에 대한 custom 타입가드함수를 만들어서 강제로 타입을 전환시켜야 되는 방법밖에 없을까요?

• typescript

pinned 확인법

미해결

1시간만에 끝내는 virtual thread in spring boot

https://github.com/openjdk/jdk/pull/17221 이런 내용이 있네요. -Djdk.tracePinnedThreads 보다 JFR 을 권장하는 것 같습니다.

• java
• spring-boot
• 동시성
• thread
• virtual-thread

캐글 T1-6 문제에서 iloc

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

문제 : T1-6. 결측치 제거 및 그룹 합계 Expected Questions https://www.kaggle.com/agileteam/py-t1-6-expected-questions 문의 내용 : 'city가 경기이면서 f2가 0'인 조건에 만족하는 f1 값을 구할 때 df.iloc[0, 0]["f1"] 이 아니라 왜 df.iloc[0]["f1"] 이렇게 입력해야 하는지 궁금합니다!

• python
• 머신러닝
• 빅데이터
• pandas
• 빅데이터분석기사

api호출 3초뒤로 하고, loading.tsx 파일이 있을 때 없을때 /home/page.tsx

미해결

Next + React Query로 SNS 서비스 만들기

안녕하세요 제로초님 제목처럼 api호출 3초뒤로 하고, loading.tsx 파일이 있을 때 없을때 /home/page.tsx 이런식으로 테스트를 해봤습니다. /home/page.tsx에서는 react-query로 ssr을 적용했고 import style from './home.module.scss' import Tab from "@/app/(afterLogin)/home/_component/Tab"; import TabProvider from "@/app/(afterLogin)/home/_component/TabProvider"; import PostForm from "@/app/(afterLogin)/home/_component/PostForm"; import { HydrationBoundary, QueryClient, dehydrate } from '@tanstack/react-query'; import TabDecider from "@/app/(afterLogin)/home/_component/TabDecider"; import { getPostRecommends } from '@/app/(afterLogin)/_lib/getPostRecommends'; export default async function Home() { const queryClient = new QueryClient(); await queryClient.prefetchInfiniteQuery({ queryKey: ['posts', 'recommends'], queryFn: getPostRecommends, initialPageParam: 0, }); const dehydratedState = dehydrate(queryClient); return ( <main className={style.main}> <HydrationBoundary state={dehydratedState}> <TabProvider> <Tab /> <PostForm /> <TabDecider /> </TabProvider> </HydrationBoundary> </main> ); } /mocks/handlers.tsx에서는 postRecommends를 가져오되 3초 delay를 줬습니다. http.get('/api/postRecommends', async ({ request }) => { console.log('----------------------------------handlers /api/postRecommends'); await delay(3000); const url = new URL(request.url); const cursor = parseInt(url.searchParams.get('cursor') as string) || 0; return HttpResponse.json( [ { postId: cursor + 1, User: User[0], content: `${cursor + 1} ${faker.lorem.paragraph()}`, Images: [{ imageId: 1, link: faker.image.urlLoremFlickr({ category: 'animals' }) }], createdAt: generateDate(), }, { postId: cursor + 2, User: User[0], content: `${cursor + 2} ${faker.lorem.paragraph()}`, Images: [ { imageId: 1, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, { imageId: 2, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, ], createdAt: generateDate(), }, { postId: cursor + 3, User: User[0], content: `${cursor + 3} ${faker.lorem.paragraph()}`, Images: [], createdAt: generateDate(), }, { postId: cursor + 4, User: User[0], content: `${cursor + 4} ${faker.lorem.paragraph()}`, Images: [ { imageId: 1, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, { imageId: 2, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, { imageId: 3, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, { imageId: 4, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, ], createdAt: generateDate(), }, { postId: cursor + 5, User: User[0], content: `${cursor + 5} ${faker.lorem.paragraph()}`, Images: [ { imageId: 1, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, { imageId: 2, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, { imageId: 3, link: faker.image.urlLoremFlickr({ category: 'animals' }) }, ], createdAt: generateDate(), }, ] ); }), 이 후에 ssr화면 테스트를 위해서 브라우저의 자바스크립트 사용중지 했습니다. 서버도 각각 재시작하고 테스트했습니다. 그리고 나서 테스트한 화면입니다. 아래 화면은 loading.tsx가 업을때, 아래 화면은 loading.tsx가 있을때 입니다. 선생님 강의에서 ssr을 적용했을때 loading화면을 포기해야한다고 이해했었습니다. prefetchInfiniteQuqery를 쓰고 loading을 포기하거나, prefetchInfiniteQuqery을 포기하고 loading을 사용하거나. 그런데 제가 테스트했을때는 ssr이라도 로딩 화면이 보이는걸로 봐서 제가 테스트를 잘못한건지, loading.tsx가 있는것 자체가 suspense를 사용한것과 동일한 효과를 주어서 보여지게 되는건지 여쭙고 싶습니다. 제가 잘못테스트했다면 어떻게 테스트를 해야 좀 더 정확히 구분지을 수있을지도 궁금합니다.

• react
• next.js
• react-query
• next-auth
• msw

해결했습니다!

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

해결했습니다!

• react-native
• typescript
• nestjs
• react-query
• zustand

main에서 코드실행시 gradle에서 빌드되는거같아요 ㅠ

미해결

스프링 핵심 원리 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 안녕하세요 강의잘듣고있습니다! Main에서 코드실행시 스프링 로딩되면서 로그가 보여야하는데, 뭔가 Gradle 실행된는것같아요 구글링해서 찾아봣는데 해결법을 찾을수가없어서 질문드립니다! 메인 실행시 아래 화면처럼 나옵니다! 확인부탁드립니다!

• spring
• 객체지향

test 질문 1

미해결

윤광동입니다. cypress 툴 괜찮나요?