176만명의 커뮤니티!! 함께 토론해봐요.
미해결
Vue.js 시작하기 - Age of Vue.js
안녕하세요. 현재 vue3 환경으로 진행 중 개발자 도구로 css 요소검사를 하면 해당 css 경로가 보이질 않습니다. 예를 들어 개발자도구로 a 요소를 선택하면 해당 a 가 표기된 css 가 보여야 하는데 현재 <style> 로만 표시가 되어서 해당 요소가 어떤 css 파일에 들어있는지 파악하기가 어렵습니다. (현재 상태) (원하는 경로가 표시 되었을 경우 - 이건 예시예요!) 혹시 위 사진처럼 css 경로가 표기될 수 있는 방법이 있을까요?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
윈도우, 안드로이드 환경입니다. import React from 'react'; import {Pressable, StyleSheet, Text} from 'react-native'; interface CustomButtonProps{ label: string; variant?: 'filled' | 'outlined'; size?: 'large' | 'medium'; } function CustomButton({ label, variant='filled', size='large', }: CustomButtonProps) { return ( <Pressable style={[styles.container, styles[variant], styles[size]]}> <Text style={[styles.text, styles['${variant}Text']]}>{label}</Text> </Pressable> ) } const styles = StyleSheet.create({ container:{ borderRadius: 3, justifyContent:'center', }, filled: { backgroundColor:'#C63B64' }, outlined: { borderColor:'C63B64', borderWidth: 1, }, large: { width: '100%', paddingVertical: 15, alignItems: 'center', justifyContent: 'center', }, medium: { width: '50%', paddingVertical: 12, alignItems: 'center', justifyContent: 'center', }, text: { fontSize: 16, fontWeight: '700', }, filledText: { color: 'white', }, outlinedText: { color: '#C63B64', }, }); export default CustomButton; styles['${variant}Text' ]이 부분이 에러가 발생하는데 왜그런 것인가요? 에러메세지는 다음과 같습니다. [{ "resource": "/c:/Users/dcgn6ec/MatzipApp/front/src/components/CustomButton.tsx", "owner": "typescript", "code": "7053", "severity": 8, "message": "Element implicitly has an 'any' type because expression of type '\"${variant}Text\"' can't be used to index type '{ container: { borderRadius: number; justifyContent: \"center\"; }; filled: { backgroundColor: string; }; outlined: { borderColor: string; borderWidth: number; }; large: { width: \"100%\"; paddingVertical: number; alignItems: \"center\"; justifyContent: \"center\"; }; medium: { ...; }; text: { ...; }; filledText: { ...; }; ...'.\n Property '${variant}Text' does not exist on type '{ container: { borderRadius: number; justifyContent: \"center\"; }; filled: { backgroundColor: string; }; outlined: { borderColor: string; borderWidth: number; }; large: { width: \"100%\"; paddingVertical: number; alignItems: \"center\"; justifyContent: \"center\"; }; medium: { ...; }; text: { ...; }; filledText: { ...; }; ...'.", "source": "ts", "startLineNumber": 18, "startColumn": 36, "endLineNumber": 18, "endColumn": 60 }]
미해결
김영한의 실전 자바 - 중급 2편
LinkedHashSet 을 수업중에 HashSet 처럼 자세히 다룬 적이 있나요? 아무리봐도 못 찾겠어서요! 왜 LinkedHashSet 이 입력한 데이터대로 출력하는지 코드를 통해 이해를 하고 싶습니다.
해결됨
[Unity] 함께 만들어가는 방치형 게임 개발
안녕하세요, 강의 내용에 대해 몇 가지 여쭤보고 싶은 점이 있습니다. 먼저, 강의 자료 중 하트 아이콘과 플러스 아이콘 , 엑셀데이터 등 몇 개가 보이지 않는 것 같아요. 혹시 제가 놓친 부분이 있는지, 아니면 자료를 다시 한번 확인해 주실 수 있을까요? 그리고 강의 중 유튜브 영상이 재생되어 오디오가 중복되는 경우가 있었어요. 집중해서 들을 수 있도록 이 부분을 조정해 주시면 정말 감사하겠습니다.
미해결
실습으로 손에 잡히는 SQLD(2과목)
이 방법이 맞는지는 모르겠는데 맞다면 여기서 어떻게 해야되는지 모르겠네요
미해결
실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트
const navigateFn = vi.fn(); vi.mock('react-router-dom', async () => { const original = await vi.importActual('react-router-dom'); return { ...original, useNavigate: () => navigateFn }; }); useNavigate 함수에 스파이 함수를 전달할때 위 코드를 사용하고 있는데요. 이부분에서 이해가 어려운게 있습니다. //ErrorPage.jsx const navigate = useNavigate(); const handleClickBackButton = () => { navigate(-1); }; 실제로 네비게이션에 활용하는 함수는 navigate() 잖아요. 그런데 왜 스파이 함수를 useNavigate()에 전달하는 건가요? 직관적으로 보자면, expect(navigate함수에 전달된 spyFn).toHaveBeenNthCalledWith(1, -1) 이여야 할 거 같다고 느껴져서 이해가 안갑니다.
미해결
[신규 개정판] 코딩 입문자를 위한 파이썬 완벽가이드
안녕하세요. 기본문법 강의 잘들었습니다. 영상 마지막에 말씀 주신 클래스 예외처리 문자열 처리 문법은 카페 어느 게시판에서 확인 할수 있을까요?
해결됨
세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)
안녕하세요. 알고리즘 종결 급 강의 잘 보고 있습니다. 그러나 강의를 보는동안 해당 강의의 노션 페이지에 comment가 보이지 않는것 같습니다. 강의에서는 comment가 정상적으로 있는것 같은데 다른 페이지에는 comment가 보이는데 해당 페이지에서만 안보이네요. 강사님의 소중한 자료라 풀 스크린은 올리지 않겟습니다. 오른쪽에 comment가 없습니다 ㅠㅠ
해결됨
배달앱 클론코딩 [with React Native]
"dependencies": { "@react-navigation/native": "^6.0.6", "@react-navigation/native-stack": "^6.2.5", "react": "18.3.1", "react-native": "0.75.1", "react-native-safe-area-context": "^3.3.2", "react-native-screens": "3.22.1" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/babel-preset": "0.75.1", "@react-native/eslint-config": "0.75.1", "@react-native/metro-config": "0.75.1", "@react-native/typescript-config": "0.75.1", "@types/react": "^18.2.6", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.6.3", "eslint": "^8.19.0", "jest": "^29.6.3", "prettier": "2.8.8", "react-test-renderer": "18.3.1", "typescript": "5.0.4" }, "engines": { "node": ">=18" } "bubblingEventTypes of null error" 에러가 발생합니다. 버전문제라고 생각해서 버전을 계속 바꿔봤는데도 안되네여..
미해결
따라하며 배우는 MySQL on Docker
프로메테우스 하고 export 간 정상 작동하고있습니다(db001 만 올렸어요) 그런데 MySQL_Overview.json 대쉬보드만 생성을 하면 Temlating Failed to upgrade legacy queries 에러가 발생하고 구글링 하면 그라파나 버전 문제 떄문이라고 하는데.. 현재 그라파나 최신버전 입니다. 혹시 몰라서 다른 json 대쉬보드로 해봐도 그대로네요. 아무리 구글링 해봐도 잘 모르겠네요.. <해결> 강사님께서 강의 하실때 올려주신 json 템플릿과 현재 그라파나가 호환이 안되서 발생했던 에러입니다. grafana-dashboards/dashboards/MySQL at main · percona/grafana-dashboards · GitHub 이 페이지에서 최신 json으로 적용하니까 그라파나에서 정상 작동 하네요!
해결됨
서류탈락은 그만! 챗GPT로 기업별 맞춤 합격 이력서 반자동화하기
할리님 안녕하세요. 할리님 강의를 듣고 역량분해 실습 중 문의사항이 생겨 글을 올립니다. 저는 영업 직무(md)인데요, 이 업무의 경우 pm이나 마케팅처럼 프로젝트로 진행되지 않습니다. 계속 상품 소싱하고 기획하는 업무를 하고,그 업무의 배경이나 문제점(s.t)이 모두 목표매출을 하기 위해서입니다. 이 경우에는 프로젝트나 배경, 문제를 어떻게 정의하면 좋을지 고민이 됩니다. 제가 썼을 때는, 프로젝트에 - 어떤 상품 런칭 / 혹은 상품풀 확장을 통해 매출 확대 기여 등으로 적게 되어 제가 담당한 상품이 몇 개 없어 보이고, 배경과 문제, 행동까지 다 비슷하게 적게되더라구요. 저의 경우 배경 / 문제 / 행동을 어떻게 잘 나눠서 쓸 수 있을지가 궁금합니다.
해결됨
[코드캠프] 훈훈한 Javascript
혹시 계정 가입한지 얼마 안돼서 오류가 발생하는걸까요..ㅠ
미해결
이득우의 언리얼 프로그래밍 Part4 - 게임플레이 어빌리티 시스템
안녕하세요. 자막만 나오고,화면 안나오는 구간이 있습니다. 제거에서만 그런건지 게시글을 봐도 이전사례가 없습니다. 도와주세요.ㅠ
미해결
대세는 쿠버네티스 (초급~중급편)
기초 Object - Volume 마지막 실습 예제를 따라하고 있는데.. 대시보드에서 파드 생성이 안됩니다. apiVersion: v1 kind: Pod metadata: name: pod-volume-5 spec: containers: - name: container image: tmkube/init volumeMounts: - name: pvc-pv mountPath: /mount3 volumes: - name: pvc-pv persistentVolumeClaim: claimName: pvc-01 0/3 nodes are available: 1 node(s) had untolerated taint { node-role.kubernetes.io/control-plane : }, 2 node(s) had volume node affinity conflict. preemption: 0/3 nodes are available: 3 Preemption is not helpful for scheduling.. 상기와 같은 오류가 보이는데.. 오타가 있는 건지 시간만 의미없게 허비했네요. k84 v1.27 설치버전으로 (mac intel) 따라 하고 있습니다. ㅠㅠ 도움 부탁드립니다.
미해결
비전공자도 이해할 수 있는 CI/CD 입문·실전
현재 appspec.yml을 보면 S3에 저장한 모든 파일을 destination에 저장하도록 되어있습니다. files: # S3에 저장한 파일들 중 destination(AWS EC2)으로 이동시킬 대상을 지정한다. # / 이라고 지정하면 S3에 저장한 전체 파일을 뜻한다. - source: / # EC2의 어떤 경로에 저장할 지 지정한다. destination: /home/ubuntu/spring-gift-point 그런데 push를 여러개 진행하면 tar.gz파일도 여러개 생기게되는데 이러면 S3의 있는 모든 tar.gz파일을 가져오게되는건가요? deploy.yml에서 파일 압축을 할 때 yml 파일과 scripts폴더를 같이 압축하는 이유가 궁금합니다. 두 파일 모두 project.jar 파일에 들어있기 때문에 project.jar파일만 압축해도 상관없지않나요? - name: 압축하기 run: tar -czvf $GITHUB_SHA.tar.gz project.jar appspec.yml scripts codedeploy를 활용한 무중단 배포나 로드 밸런싱 강의를 할 수 있다고 하셨는데 따로 강의를 내실 예정이 있으신지 궁금합니다!
미해결
계산기앱으로 시작해보는 SwiftUI
import SwiftUI struct ContentView: View { @State private var Number: Int = 0 // @State 없으면 에러 발생 왜? 추후에 알아보자 @State private var op: String = "" // 연산자 저장 변수 @State private var totalNumber: String = "0" // 실제로 계산기에 출력할 값 private let buttonData: [[String]] = [ // 키패드 모음 2차원 배열 ["C", "+/-", "%", "÷"], ["7", "8", "9", "X"], ["4", "5", "6", "-"], ["1", "2", "3", "+"], ["0", ".", "="]] var body: some View { ZStack{ Color.black.ignoresSafeArea() // 화면 전체 여백 없이 배경색 지정 VStack { Spacer() HStack{ Spacer() Text(totalNumber) // 초기값 0 출력 .padding() .font(.system(size: 73)) .foregroundColor(.white) } ButtonPosition() // C, +/-, %를 제외한 버튼을 화면에 추가 } } } func ButtonPosition() -> some View{ // 버튼 디자인 및 포지셔닝 함수 ForEach(buttonData, id: \.self){ line in HStack{ ForEach(line, id: \.self){ row in switch row{ case "C", "+/-", "%": ButtonDesign(row, .gray, .black) case "÷", "X", "-", "+", "=": ButtonDesign(row, .orange, .white) default: ButtonDesign(row, .init("NumberButton"), .white) } } } } } func ButtonDesign(_ value: String, _ backcolor: Color, _ fcolor: Color) -> some View{ // 공통 버튼 디자인 Button{ ButtonAction(value) // value는 버튼에 들어갈 글자 및 계산 값 } label: { Text(value) // 버튼 크기 및 각 버튼의 숫자 위치 지정 .frame(width: value == "0" ? 160 : 80, height: 80, alignment: value == "0" ? .leading : .center) // "0"일 때만 여백 추가, 대괄호로 값 패스 가능 //.padding(value == "0" ? .leading : []) .background(backcolor) // 버튼 배경색 .cornerRadius(40) // 버튼 모양 다듬기 .foregroundColor(fcolor) // 글자색 .font(.system(size: 33)) // 글자 사이즈 } } func ButtonAction(_ value: String){ // 내일 이 스위치문에 프로퍼티 옵저버 사용해볼 것 switch value { // value는 버튼에 들어갈 내용 및 배열에서 받아온 값 case "C": // C를 누르면 totalNumber = "0" // 계산기 초기화 case "÷" ,"X", "-", "+": Number = Int(totalNumber)! totalNumber = "0" case "=": totalNumber = String(Int(totalNumber)! + Int(Number)) default: if totalNumber == "0" { // 값이 0인 상태에서 입력이 들어오면 계산기의 첫 입력이니 totalNumber = value // 누른 버튼의 숫자가 출력됨 if Int(value) == nil{ // 첫 입력이라 숫자를 입력해야 하는데 숫자 외 다른 걸 입력받으면 totalNumber = "0" // 별다른 동작 없이 초기값 그대로 0을 유지한다 } } else{ if Int(value) != nil{ // value가 숫자형 문자열이면 totalNumber += value // 계산기에 실제로 입력한다 Number = Int(totalNumber)! } } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } } 제공해주신 강의를 보면서 제가 알고 있는 스위프트 문법 지식과 접목시켜서 코딩 해보고 있는 수강생입니다 제가 이해가 안되는 부분은 ButtonDesign 함수 내에서 ButtonAction 함수를 호출하면서 value를 넘겨주는 부분이 이해가 되지 않아서 글을 올립니다 계산기의 버튼을 누르면 value에 누른 버튼의 값이 들어가게 되는데 이 구조가 이해가 되지 않습니다 label은 ForEach를 통해 value에 값을 넘겨서 뷰를 띄운 게 이해가 되는데 ButtonAction 함수의 매개 변수로 넘기는 value는 ForEach를 사용하는 것도 아니고 도대체 어떻게 누른 버튼의 값을 알고 계산기에 출력을 하는 건지 모르겠습니다! 좋은 강의 만들어주셔서 감사합니다 남은 강의도 열심히 수강하겠습니다 감사합니다!
해결됨
코어 프런트엔드 UI - Part 2
context를 썻을때는 data length로 체크하면 최대 5개가 넘지 않게 더이상 오픈되지 않거나 가장 밑에 스낵바를 닫아 버린다던가 쉽게 구현을 가능할 것 같은데 portal를 쓰면 컨트롤이 가능한가? 궁금합니다
미해결
[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
리플렉션을 써야하는 이유를 잘 모르겠습니다. 리플렉션은 가능하면 지양하는게 좋다고 알고 있습니다. 런타임일반화하는 특성상 성능이 떨어질 수 밖에 없다고 알고 있습니다. 그래서 아래과 같이 작성해 보았는데, 이건 어떠신가요? 가독성 때문에 이렇게 작성하신것 같다는 생각도 들긴하는데 아직 충분히 의문이 해소되질 않네요
해결됨
[켠김에 출시까지] 유니티 캐주얼 모바일 MMORPG (M2)
안녕하세요 강의 참고하면서 서버 만들어 보고 있는데 https://learn.microsoft.com/ko-kr/dotnet/api/system.net.sockets.socketasynceventargs?view=net-8.0#remarks 해당 문서에서 pooling이 있더라구요 생각해보니 동접이 꽤 많다라고 가정하면(약 3000?) 이 SocketAsyncEventArgs 생성 소멸이 많이 일어난다고 생각했습니다. 그래서 pooling을 한번 만들어보고 있는데 만드는 중에 Dispose를 언제 해줘야 할지 감이 잘 안옵니다. 현재는 Client가 Disconnect될 때 Push하게 되는데 Push에서 poolCount가 3000이 넘으면 이걸 AllClear라는걸로 pool에 있는 SocketAsyncEventArgs를 다 Dispose해주는 상황인데 이렇게하면 3000이 넘기 전까지는 메모리에 계속 남아 있으니 먼가 찜찜합니다. 이런 문제가 있는데 좋은 해결책이 있을까요? 감사합니다!
미해결
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
h2 연결 후 localhost:8080 연결 시 계속 서버 거부가 다음과 같이 뜹니다. 그래서 h2 재연결 후 상태를 확인해봤는데 다음과 같이 떴습니다. h2 설치 과정은 다음과 같습니다.
