176만명의 커뮤니티!! 함께 토론해봐요.
미해결
비전공 기획자 및 관리자를 위한 IT 필수 지식
안녕하세요! 좋은 강의 정말 감사드립니다!! 강의를 다 듣고 궁금한 점이 있어서 질문드립니다..! 투입공수는 PM을 할 경력정도 되면 경험적으로 계산이 가능한 걸까요? 아니면 정해진 틀이 있는 것일까요? (예를 들어 어떤 기능을 중급 개발자가 몇달이면 할 수 있겠다 ... 이런걸 산정하는 방법이나 기준이 궁금합니다) 프로세스 흐름도는 누가 그리는 것일까요?(현업업무담당자?기획자?개발자?협업?) 서버 개발은 '서버PC에 프론트/백엔드 개발물을 올릴 수 있게 환경을 만들고 배포하는 것'을 의미하는 것일까요? 그러면 백엔드 개발과 서버 개발은 실제 담당자가 다를까요? 다르다면 각 담당자별로 갖춰야하는 역량이 어떤게 있어야할까요? 답변 부탁드립니다. 감사합니다!!
미해결
따라하며 배우는 리액트 A-Z[19버전 반영]
TailwindCss 적용하기 실습 중 발생한 문제입니다. setValue is not a function TypeError: setValue is not a function at handleChange ( http://localhost:3000/static/js/bundle.js:167:5 ) at HTMLUnknownElement.callCallback ( http://localhost:3000/static/js/bundle.js:11038:18 ) at Object.invokeGuardedCallbackDev ( http://localhost:3000/static/js/bundle.js:11082:20 ) at invokeGuardedCallback ( http://localhost:3000/static/js/bundle.js:11139:35 ) at invokeGuardedCallbackAndCatchFirstError ( http://localhost:3000/static/js/bundle.js:11153:29 ) at executeDispatch ( http://localhost:3000/static/js/bundle.js:15297:7 ) at processDispatchQueueItemsInOrder ( http://localhost:3000/static/js/bundle.js:15323:11 ) at processDispatchQueue ( http://localhost:3000/static/js/bundle.js:15334:9 ) at dispatchEventsForPlugins ( http://localhost:3000/static/js/bundle.js:15343:7 ) at http://localhost:3000/static/js/bundle.js:15503:16 이러한 오류가 발생하였습니다. 아래는 코드입니다. 지난 시간에서 딱히 바꾼게 없는데 오류의 원인을 잘 모르겠어서 질문드립니다. App.js import React, {useState} from "react"; import "./App.css"; import List from "./components/List"; import Form from "./components/Form" export default function App (){ const [todoData, setTodoData] = useState([]); const [value,setValue] = useState(""); const handleSubmit = (e) =>{ e.preventDefault(); // 전송시 페이지 새로고침 방지 함수 let newTodo = { id : Date.now(), title: value, completed : false }; // 새로운 할 일 데이터의 형성 setTodoData(prev => [...prev,newTodo] ) setValue("") // 원래 할 일에 새로운 할 일 데이터의 update 해주는 setState 함수 } const btnStyle = { color: "#fff", border: "none", padding : "5px 9px", borderRadius: "50%", cursor: "pointer", float:"right" } return( <div className="container"> <div className='todoBlock'> <div className="title"> <h1>To do list</h1> </div> <h1 className='text-3xl font-bold underline'>Hello world!</h1> <List todoData= {todoData} setTodoData = {setTodoData}/> <Form handleSubmit = {handleSubmit} value ={value} setValue = {setValue}/> </div> </div> ); } list.js import React from 'react' export default function List({todoData , setTodoData}) { const btnStyle = { color: "#fff", border: "none", padding : "5px 9px", borderRadius: "50%", cursor: "pointer", float:"right" } const handleClick = (id) => { let newTodoData = todoData.filter(data => data.id !== id) console.log('newTodoData',newTodoData); setTodoData(newTodoData); } const getStyle = (completed) => { return { padding : "10px", borderBottom: "1px #ccc solid", textDecoration: completed ? 'line-through' : 'none', } } const handleCompleteChange = (id) => { let newTodoData = todoData.map(data => { if (data.id === id){ data.completed = !data.completed; } return data; }); setTodoData(newTodoData); }; return ( <div> {todoData.map((data)=>( <div style = {getStyle(data.completed)} key = {data.id}> <input type = "checkbox" defaultChecked = {false} onChange = {() => handleCompleteChange(data.id)}/> {data.title} <button style = {btnStyle} onClick = {() => handleClick(data.id)}>X</button> </div> ))} </div> ) } form.js import React from 'react' export default function Form(handleSubmit,value,setValue) { const handleChange = (e) =>{ setValue(e.target.value); } return ( <form style = {{display:"flex"}} onSubmit = {handleSubmit}> <input type = "text" name = "value" style = {{flex: '10', padding :'5px'}} placeholder = "해야 할 일을 입력하세요." value ={value} onChange ={handleChange} /> <input type = "submit" value = "입력" className="btn" style ={{flex:'1'}} /> </form> ) }
해결됨
그림으로 쉽게 배우는 운영체제
영상 04:28 을 보면 MMU가 '물리 메모리 n번지에 있는 세그멘테이션 테이블 소환!' 이렇게 말하는데, 세그멘테이션 테이블이 물리메모리의 n번지마다 여러 개가 존재해서 CPU가 요청한 세그먼트의 정보가 있는 특정 세그멘테이션 테이블을 가져오는 것 인가요? 아니면 그냥 물리메모리 어딘가에 존재하는 1개의 세그멘테이션 테이블을 가져오는 것을 물리메모리 n번지 라고 표현한 것 인가요?
해결됨
스프링 DB 1편 - 데이터 접근 핵심 원리
안녕하세요~ @Test void dataSourceConnectionPoolTest() throws SQLException, InterruptedException { HikariDataSource dataSource = new HikariDataSource(); dataSource.setJdbcUrl(URL); dataSource.setUsername(USERNAME); dataSource.setPassword(PW); dataSource.setMaximumPoolSize(10); dataSource.setPoolName("MY CUSTOM POOL"); useDataSource(dataSource); Thread.sleep(1000); } 해당 함수에서 궁금한 점이 있어서 질문을 남기게 되었습니다. 제가 이해한 바로는 위 행위는 "새로운 나만의 custom Hikari Pool을 만드는 것" 으로 이해했고, 해당 hikari Pool 이 생성되었고, 10개의 Pool 을 지정해줌에 따라 Pool에 Connection 을 채워주는 것 같습니다. 이 때, 새로운 스레드를 만들어서 해당 스레드에서 Connection 들을 만들어서 Pool 로 넘겨주기 때문에, useDataSource(dataSource) 를 통해 새로 만든 HCP 에 있는 Connection 객체를 확인하려면 메인 스레드를 중지하여 잠시 새로운 스레드에서 Connection 을 불러올 시간을 주는 것이라고 이해했습니다. 궁금한 것은, 그렇다면 Thread.sleep() 이 useDataSource 위에 있어야 하는거 아닌가 했습니다. 그래야 새로운 스레드에서 새로운 HCP 에 Connection Pool 을 채워주고, useDataSource() 에서 해당 Connection 을 꺼내올 수 있는 거라고 생각했습니다. (제가 Connection 이 채워지는 시점을 몰라서 이해가 안된 것 같기도 합니다. 혹시 Connection 을 채워주는 시점이 .setMaximumPoolSize() 를 하는 시점일까요? 언제 채워주기 시작하는지도 궁금합니다) ------------------------------------------------ 추가내용 제가 Thread 를 useDataSource() 위 아래 놓고 로그를 찍어봤는데, 1) Thread.sleep() 없을 경우 2) Thread.sleep() 이 use() 아래 있는 경우 - 강사님이 활용한 경우 3) Thread.sleep() 이 use() 위에 있는 경우 - 제가 생각한 올바른 방법 3) 으로 찍힌 로그와 1) 이 찍힌 로그가 동일하고, 강사님이 활용하신 2) 모습처럼 connection 이 추가되는 모습을 확인할 수 없었습니다. 이 현상도 위에 마지막에 물어본 것처럼 Connection 이 채워지는 시점을 알면 이해에 도움이 될 수 있을 것 같습니다..!
해결됨
앨런 iOS Concurrency(동시성) - 디스패치큐와 오퍼레이션큐의 이해
섹션 3 - 1에서 weak self 로 전달된 클로저는 뷰 컨트롤러가 dismiss되었을 때 클로저의 작업들이 뷰 컨트롤러 객체 안에 속해있기 때문에, 클로저의 작업도 함께 종료된다고 하셨는데. 섹션 3 - 2 에서 보여주신 weak self 예제에서는 뷰 컨트롤러가 소멸되었음에도 클로저의 작업이 계속 진행되더라고요. 왜 다른 결과가 나오는지 궁금합니다.
해결됨
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 코드팩토리 디스코드 https://bit.ly/3HzRzUM Flutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다! video영상을 choose하면 compressing video를 거치고 메인으로 돌아가버려요 뭐가 문제일까요?
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
EB -> 구성 -> 보안그룹을 누르면 위와 같은 에러가 발생합니다. 이유가 무엇인가요?
해결됨
CAN 통신 - 자동차 신입이 알아야 할 모든 것
CAN에서 여러 센서들이 있는데 혹시 각 센서에서 CAN 데이터를 너무 많이 보내는 상황은 어떻게 되나요?? CAN 데이터 보낼 수 있는 데이터량의 한계가 있는지? 어떻게 정해지는지? CAN 데이터가 너무 많을 경우 어떠한 문제가 생길 수 있는지?
해결됨
설계독학맛비's 실전 FPGA를 이용한 HW 가속기 설계 (LED 제어부터 Fully Connected Layer 가속기 설계까지)
안녕하세요 fpga 7강 AXI4-Lite의 verilog code를 보다가 질문이 있어 어렇게 올립니다. 19분 41초 쯤 read와 관련된 verilog code를 보면 보여지는 AXI-lite의 5개의 channel 과는 다르게 Read response 관련해서 S_AXI_RRESP가 있는 이유가 궁금하며 read response와 관련된 ready/valid handshake가 없고 read에 관련된 handshake 만 있는 이유 또한 궁금합니다.
해결됨
Windows 시스템 프로그래밍 - 기본
안녕하세요 선생님 프로세스 힙 상태 확인 예제 코드 결과에서 나온 region은 allocation size 인 64KB 인것 같은데 왜 block은 32KB인가요? 전 강의에서는 Allocation size (64KB), page size (4KB) 이렇게 나온것 같은데 그냥 새로운 논리적 구분 범위가 또 있다고 생각하면 되나요?
미해결
Three.js로 시작하는 3D 인터랙티브 웹
Mesh에 rgb값이 적용되지 않는 것 같습니다..! 새로고침이나 서버 다시 시작 등은 해봤습니다,, 혹시 한 번 봐주실 수 있을까요?ㅠㅠ // Mesh const geometry = new THREE.BoxGeometry(1,1,1); let mesh; let material; for( let i=0;i<20;i++){ material = new THREE.MeshStandardMaterial({ color: `rgb( ${ 50 + Math.floor(Math.random() * 205) }, //r값 // Math.floor()은 내림 함수 ${ 50 + Math.floor(Math.random() * 205) }, //g값 ${ 50 + Math.floor(Math.random() * 205) } //b값 )` }); mesh = new THREE.Mesh(geometry,material); mesh.position.x = (Math.random()-0.5)*5;//-2.5에서 2.5 사이의 범위 mesh.position.y = (Math.random()-0.5)*5; mesh.position.z = (Math.random()-0.5)*5; scene.add(mesh); }
미해결
따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
persist에서는 error가 있는데 rehydrate에서는 error 가 없습니다. 그결과 pendding과 rejected에서 error가 안나옵니다. userslice 코드입니다. import { createSlice } from "@reduxjs/toolkit"; import { registerUser } from "./thunkFunctions"; import { toast } from "react-toastify"; const initialState = { userData: { id: "", email: "", name: "", role: 0, image: "", }, isAuth: false, isLoading: false, error: "실패", }; const userSlice = createSlice({ name: "user", initialState, reducers: {}, extraReducers: (builder) => { builder .addCase(registerUser.pending, (state) => { state.isLoading = true; }) .addCase(registerUser.fulfilled, (state) => { state.isLoading = false; toast.info("회원가입을 성공했습니다."); }) .addCase(registerUser.rejected, (state, action) => { state.isLoading = false; state.error = action.payload; toast.error(action.payload); }); }, }); export default userSlice.reducer;
미해결
10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
http://boj.kr/caf8103fb432416fae79a0f49e1b1a37 혼자 복습을 해보면서 작성한 코드인데요, 강의에서는 for문에서 x, y를 하나씩 늘려 가면서 비교했는데 이 코드는 값을 2씩 늘리는 대신 한번 비교할 때 4개의 인접한 값을 모두 비교하도록 하였습니다. 테스트 케이스도 잘 통과했는데 제출을 하니 31퍼에 자꾸 오답처리가 되더라구요 해당 코드가 왜 틀리는지 모르겠습니다 혹시 어디가 잘못되었는지 알려주실 수 있나요?
미해결
안녕하세요 올해 인프콘 초대신청 됐는데 참가자 이름 변경가능한가요?
미해결
[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편
안녕하세요. 얼마 전 bind 타입 분석을 하다가 궁금점이 풀리지 않아 질문 내역을 보았습니다. 22년 9월 13일 제목: 13:50 파라미터 질문 (해결) 이란 글의 질문과 같이 bind 인자로 받는 this 가 이해를 할 수 없었습니다. 현영님께서 답변을 달아주신 것을 봤지만 이해가 되지 않더라고요 이게 가능한건가?.. 싶었습니다. 현재 타입스크립트버전 "typescript": "^5.1.6" lib.es5.d.ts 에 보면 bind는 아래와 같이 정의 되어있는데요 interface CallableFunction extends Function { bind<T>(this: T, thisArg: ThisParameterType<T>): OmitThisParameter<T>; bind<T, A extends any[], B extends any[], R>(this: (this: T, ...args: [...A, ...B]) => R, thisArg: T, ...args: A): (...args: B) => R; } mdn에서 bind 메서드를 확인해보니 func.bind(thisArg[, arg1[, arg2[, ...]]]) 이러한 구문을 갖고 있는 것을 확인했습니다. 인자의 수가 안맞고 this라는 것은 찾아볼 수 없었는데요. 그래서 ECMAScript bind를 찾아보니 함수가 다음과 같이 정의 되었다는 것을 알게되었습니다. 20.2.3.2 Function.prototype.bind ( thisArg, ...args ) This method performs the following steps when called: 1. Let Target be the this value. 2. If IsCallable(Target) is false, throw a TypeError exception. 3. Let F be ? BoundFunctionCreate(Target, thisArg, args). 4. Let L be 0. 5. Let targetHasLength be ? HasOwnProperty(Target, "length"). 6. If targetHasLength is true, then a. Let targetLen be ? Get(Target, "length"). b. If targetLen is a Number, then i. If targetLen is +∞𝔽, then 1. Set L to +∞. ii. Else if targetLen is -∞𝔽, then 1. Set L to 0. iii. Else, 1. Let targetLenAsInt be ! ToIntegerOrInfinity(targetLen). 2. Assert: targetLenAsInt is finite. 3. Let argCount be the number of elements in args. 4. Set L to max(targetLenAsInt - argCount, 0). 7. Perform SetFunctionLength(F, L). 8. Let targetName be ? Get(Target, "name"). 9. If targetName is not a String, set targetName to the empty String. 10. Perform SetFunctionName(F, targetName, "bound"). 11. Return F. bind가 수행되면 bound 된 함수를 반환해주는데 그 과정에서 1번에서 target은 this 값으로 설정이 되고 3번에 BoundFunctionCreate (target, thisArg, ...args ) 로 설정되어 this가 들어가는 것으로 확인했습니다. 이 과정을 거쳐 bound된 함수를 반환해주는데 타입스크립트에서 정의된 this, thisArg, ...args 가 위 내용에 대한 타입 정의가 아닐까 싶습니다. 이전 답변에 궁금증이 해소되지않아 찾아봤는데 시간나실때 확인부탁드립니다! [ECMAScript bind 링크] ECMA bind 위에 링크 걸어두었습니다. 항상 좋은 강의와 정보제공 감사드립니다.:)
미해결
[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
foreach문은 T형식을 사용할 수 없다는데요.. T에 GetEnumerator의 공개 인스턴스 또는 확장 정의가 없기 때문이라는데 어떡하면 좋죠?;;
해결됨
2주만에 통과하는 알고리즘 코딩테스트 (2024년)
1090 문제를 풀기위해서 백준에서 검색해보았는데 대신에 체커라는 문제가 나오고 모이기라는 문제는 보이지 않네요.. 혹시 문제를 풀 수 있는데가 있을까요??
해결됨
애플 웹사이트 인터랙션 클론!
섹션2 번째 내용입니다. 해당과정을 리액트에서 적용하면서 따라가고 있습니다. 돔접근에 대해서는 useRef를 사용해서 잘 따라가고 있는데, scrollSection1 의 부분에서 scrollSection1Msg1~scrollSection1Msg4 의 opacity 부분에서 아래와 같이 작업했습니다. 그런데 화면에 잔상이 남습니다. 완전히 opacity=0 가 되지 않는 것처럼 희미하게 글자들이 중첩되며 남아 있습니다. (맥북 M1) values : { selectionMsgA_opacity : [0 ,1, {start: 0.1, end:0.2}], selectionMsgA_opacity_out : [1 ,0, {start: 0.25, end:0.3}], else if (scrollRatio <= 0.3) { obj.Section1Msg1.current.style.opacity = calcValues(values.selectionMsgA_opacity_out, currentYoffset) obj.Section1Msg1.current.style.transform = `translateY(${ calcValues(values.selectionMsgA_translateY_out, currentYoffset)}%)`
해결됨
PM을 위한 데이터 리터러시(프로덕트 데이터 분석)
문제와 문제정의 파트를 수강하고 있는 학생입니다. 회사 일에 도움이 되고자 듣게 되었는데, 제 개인적인 삶에 대해서도 대입해볼 수 있네요.. ㅎㅎ 머릿속에 쌓인 고민들에 정말 문제인가? 라는 질문을 해보니 사실 문제보단, 걱정에 가까웠던 것 같네요. 좋은 강의 감사합니다 :)
해결됨
[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
안녕하세요 선생님 다름이 아니라 synchronize: true, // 동기화 시켜준다 같게 한다. true을 하게되면 동기화를 시켜주는건데 매번 yarn start:dev을할때마다 QueryFailedError: Table '***' already exists 이러한 오류가 나옵니다. 그럼 실행 할때마다 데이터베이스 테이블을 매번 지워야 하는건가요??
