묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요.
안녕하세요. 수강을 듣다가 emotion이란 라이브러리도 소개해주셔서 강의 중간에 알려주신 npm trends로 비교하여 styled-components대신 @emotion/styled 라는 라이브러리를 사용하게 됐습니다. 그런데 @emotion/styled에 강의의 Global 태그 역할을 하는 함수나 컴포넌트가 따로 없는거 같아서, @emotion/react 설치 후 Global컴포넌트와, css함수를 이용하여 Global 속성 값 styles에 css 함수로 강의와 같은 스타일을 만들어 넣어줌으로 같은 기능을 하게 만들었습니다. 제가 궁금한건 @emotion/styled만을 통해 강의와 같은 기능을 하는 Global컴포넌트?를 만들수 있는지 그리고 안된다면 제가 한 방법이 괜찮은 접근 방법인지 궁금합니다. 감사합니다.
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
multipartform 강의 학습하다가 궁금한게 있어서 질문드립니다.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form method="post" enctype="multipart/form-data" action="/upload"> <input name="aaa" type="text" /> <input name="userfile" type="file" /> <input type="submit" value="upload" /> </form> </body> </html> ------WebKitFormBoundarygCwbywkEMPBbSIDX Content-Disposition: form-data; name="aaa" 우디 ------WebKitFormBoundarygCwbywkEMPBbSIDX Content-Disposition: form-data; name="userfile"; filename="" Content-Type: application/octet-stream ------WebKitFormBoundarygCwbywkEMPBbSIDX-- <============================= 아래 질문 =============================>멀티파트 폼 학습하다가 인터넷 검색해보니 멀티파트 폼으로 하면 모든것에 인코딩을 하지 않는 다고나와 있었습니다.그러면 text를 한글로 보낸것을 인코딩 처리 어떻게 하나 싶어 구글로 실험해봤습니다.실험방법은 택스트만 보내고 파일은 보내지 않았습니다.(파일을 같이 보내면 메세지 바디가 안나오더라구요) f12눌러서 payload부분 살펴봤습니다. 결과는 위와 같은 내용이었으며 우디라는 한글이 인코딩 시킨게 나올지 알았는데 아니더라구요... 당연히 utf-8로 인코딩 해서 보내는거 맞겠죠??
-
미해결자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비
8개 방향 문의드립니다.
dx = new int[]{1,0,-1,0}; dy = new int[]{-1,0,1,0};이렇게 하면 대각선도 포함되서 오류였는데 상하좌우 대각선 다 포함해서 돌때는 배열에 순서상관없이 각 합이 0으로만 끝나면 될까요? 선생님 안녕하세요! 상하좌우 대각선 방향문의드립니다. 기존에 상하좌우 방향만 구해야했을땐 dx = new int[]{1,0,-1,0}; dy = new int[]{-1,0,1,0}; 식으로하면 대각선방향도 포함되어서 오류가났는데, 이번 문제는 대각선도 포함히니까 dx[],dy[] 안에 넣는숫자이 순서는 상관없을까요 ?
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
자식 컴포넌트의 스타일을 부모 컴포넌트에서 수정할 때에 대한 질문
안녕하세요! 캡틴판교님의 강의를 전부 수강하고 또 새로운 강의를 기다리고 있는 1인입니다. 바로 질문들어가겠습니다 최근에 고민중인게 다양한 화면에서 쓸 수 있게 만든 컴포넌트를 만들었지만, 화면에 따라 디자인이 조금씩 달라져서 그걸 각각 부모에서 조정하지 않으면 안되는 상황일 때, 캡틴판교님은 부모에서 자식 컴포넌트에 따로 class를 붙여서 디자인을 조정해 주시나요? 저는 따로 클래스를 붙이지 않고 그 자식컴포넌트의 루트태그에 붙여놓은 클래스를 바로 이용해서 합니다. 예를들면 bookThumbnailLink라는 컴포넌트가 있고 <template> <nuxt-link class="book-thumbnail-link" :class="styles" :to="to"> <book-thumbnail :size="size" :src="src" :loading="loading" :alt="alt" /> </nuxt-link> </template> <script> import { defineComponent, computed } from '@nuxtjs/composition-api' import BookThumbnail from '@/components/BookThumbnail.vue' export default defineComponent({ components: { BookThumbnail, }, props: { }, setup(props) {} <style lang="scss" scoped> .book-thumbnail-link { display: inline-flex; flex-direction: column; text-decoration: none; } </style> 위의 bookThumbnailLink의 리스트인 bookThumbnailLinkList 컴포넌트에서 자식 컴포넌트의 스타일을 수정할 때 book-thumbmail-link라는 클래스를 바로 이용하는 방법입니다. <template> <div class="book-thumbnail-link-list"> <BookThumbnailLink v-for="(book, i) in bookList" ></BookThumbnailLink> </div> </template> <script> import { defineComponent } from '@nuxtjs/composition-api' import BookThumbnailLink from './BookThumbnailLink.vue' export default defineComponent({ components: { BookThumbnailLink, }, setup() {}, }) </script> <style lang="scss" scoped> .book-thumbnail-link-list { display: flex; .book-thumbnail-link { display: flex; } } </style> 주위에 조언을 구할만한 곳이 없어서 질문드립니다!! 혹시 어떻게 부모에서 자식컴포넌트의 스타일을 수정하시나요?
-
미해결Svelte.js [Core API] 완벽 가이드
로그인 정보를 확인할 때
로그인 페이지를 만들 때 이미 이 접속자가 토큰이 있다면 메인페이지로 없다면 로그인페이지로 계속 접근하게 할려고하면 beforeupdate를 통해 토큰여부를 체크해주면 화면이 렌더링되기전에 바로 메인페이지로 보낼 수 있을까요? beforeupdate를 쓰면 beforeupdate가 여러번 호출되는데 왜이럴까요??
-
미해결[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part1: C++ 프로그래밍 입문
mov [a] 상수값 관련해서 질문이 있습니다.
19:50을 보면 레지스터에 값을 넣을 때는 mov al, 0x00을 사용하고, 메모리에 값을 넣을때는 mov [a], byte 0x55를 사용하셨는데, 메모리에 값을 넣을때는 값을 뜻하는 []를 사용하고, 레지스터에넣을때는 주소값을 사용하는지 알 수 있을까요? 레지스터와 메모리에 접근하는 방식이 달라서 그런걸까요??
-
미해결설계독학맛비's 실전 FPGA를 이용한 HW 가속기 설계 (LED 제어부터 Fully Connected Layer 가속기 설계까지)
시뮬레이션이 강좌와 다르게 동작되네요.
LED 동작은 정상적으로 타이밍에 맞게 동작되는데, 시뮬레이션의 강의 내용과 동일하게 나오지 않네요. https://support.xilinx.com/s/feed/0D52E00006hpasISAQ?language=en_US 적용하였으나, 안되네요. ifdefine 에 대한 이해가 안된 것일까요?
-
미해결처음 배우는 리액트 네이티브
커스텀 컴포넌트 관련 질문드립니다
안녕하세요 커스텀 컴포넌트 강의를 듣고 따라하고 있는데 react native에서 Button 부분 받아와서 작성한 코드만 가상기기에 적용이 안됩니다. 예를 들어 가상기기의 초기 화면에 뜨는 텍스트의 단어를 수정한 것은 바로바로 반영이 되는데, MyButton 등의 항목은 나타나지 않을 뿐더러 아예 반영이 되지 않습니다.. 코드 에러도 나는 것이 아니여서 무엇이 잘못되었는지 모르겠습니다 ㅠㅠ https://blog.naver.com/wlsgywjd22/222724101803 여기에 영상 등록해놓았는데 어디 문제일까요.. ++ 혹시 TouchableOpacity 대신 Pressable을 이용해야 하나요? Pressable을 이용해야 한다면 문법이 좀 다른가요?ㅜㅜ 그냥 TouchableOpacity 단어 대신 Pressable을 치환하는 걸로는 정상 실행이 안되네요... 코드는 우선 pressable로 바꾼 후 코드로 올립니다 MyButton.js import React from 'react'; import { Pressable,View,Text } from 'react-native'; const MyButton = () => { return ( <Pressable onPress={() => alert('MyButton')}> <View Style={{backgroundColor: 'red', padding: 10}}> <Text style={{ fontSize: 20, color:'white'}}>MyButton</Text> </View> </Pressable> ); }; export default MyButton; App.js import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View, Button} from 'react-native'; import MyButton from './MyButton'; export default function App() { return ( <View style={styles.container}> <Text>Open up App.js to start working on your app!</Text> <StatusBar style="auto" /> <Button title="Button" onPress={() => alert('Click!!')} /> <MyButton /> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });
-
미해결비트코인 알고리즘 트레이딩 봇 개발
리눅스에서 파이썬 실행하기
리눅스에서 파이썬 실행시키는 부분에서 약간 궁금한점이 있습니다. 윈도우에서는 파이썬으로 만든 프로그램을 pyinstaller를 통해 실행파일을 만들어주면, 다른 윈도우 환경에서는 개발단계에서 pip로 패키지 설치해줬던 과정없이 바로 실행이 가능하던데요. 리눅스에서는 이런 실행파일을 만드는게 아니라 그냥 .py 자체를 올려서 실행시키는걸로 알고있는데요. 이럴경우 pip로 필요한 패키지를 일일히 설치해준 후에 실행을 해야하는걸까요? 아니면 자동으로 관련된 패키지들이 설치가 되는건가요? 그리고 또 하나 궁금한게, .py를 그대로 올리면 소스가 노출되는데, 리눅스에서도 소스 노출없이 윈도우처럼 실행파일을 만들어서 올린다든가 이런방법이 있을까요?
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
이상태에서 aws ec2를 다운 받으려면 조금더 기다려야하나요?
돈은 빠져나간듯하던데요
-
미해결Kotlin으로 개발하는 Spring Boot Web MVC
validSchedule 메서드가 검증을 안해주는 것 같습니다.
@AssertTrue(message = "Dateformat should be yyyy-MM-dd HH:mm:ss")fun validSchedule(): Boolean { return try { LocalDateTime.parse(schedule, DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss")) true } catch (e: java.lang.Exception) { false }} todoDtoTest() 에서 this.schedule에 올바르지 않은 포맷을 넣었는데도 테스트를 통과 합니다. 이전 강의에서 배웠던 내용으로 @field:StringFormatDateTime// yyyy-MM-dd HH:mm:ssvar schedule: String? = null, 변경해서 검증을 하게끔 바꾸긴 했지만, DTO 내부의 AssertTrue를 통해 검증을 하려면 @field:NotBlank를 다른 걸로 변경 해야 하는건가요?
-
해결됨실전! Querydsl
offset과 distinct
팀과 멤버 (1:N) 팀 A의 멤버1, 멤버2, 멤버3, 멤버4, 멤버5가 있습니다. 팀A를 멤버와 함께 fetchjoin해서 가져오게 되면 팀A 객체 5개가 반환됩니다. 그런데 querydsl에서 아래와 같이 distinct()를 사용하지 않고 offset()만 사용하였는데 queryFactory .selectFrom(team) .join(team.members, member).fetchJoin() .offset(pageable.getOffset()) .fetch(); distinct 한 것처럼 중복이 제거되었습니다. 무슨 이유일까요?
-
미해결it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
채점기 질문있습니다.
안녕하세요 강사님 채점기에 대한 질문있습니다. 현재 윈도우11 에서 과정을 진행중에 있습니다. 채점기가 실행은 되는데 전부 wrong_answer이 뜹니다. 혹시나 싶어 dev c++, visual studio 둘 다 빌드 해봤지만 상황은 같습니다. 폴더에 있는 정답 소스코드를 붙여 넣어도 전부 wrong_answer라고 떠서 윈도우 11에선 작동하지 않는건가 궁금합니다.
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
WriteUnlock() 질문드립니다.
WriteUnlock() 코드를 보면은 Interlocked 를 사용하셔서 _flag를 EMPTY_FLAG로 변경하시는데, 이부분은 _flag = EMPTY_FLAG; 로 해도 되지 않나요? 대입은 원자적인 연산으로 처리되는 걸로 알고 있어서 요
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
안녕하세요 코드 리뷰 부탁드립니다! 섹션 5 - 5
항상 선생님 수업 잘 듣고 있습니다! 이렇게 하면 괜찮은지 한번 봐주시면 감사하겠습니다!항상 부족한 실력이지만 선생님 덕분에 조금씩 늘고 있습니다. 오늘도 좋은 하루 보내시길 바랍니다. function solution(k, arr) { let lt = 0, sum = 0, max = 0, count = 0; for (let rt = 0; rt < arr.length; rt++) { sum += arr[rt]; count++; if (max < sum) max = sum; while (count === k) { sum -= arr[lt++]; count -= 1; } } return max; } let a = [12, 15, 11, 20, 25, 10, 20, 19, 13, 15]; console.log(solution(3, a));
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
폰트어썸
강의 내용에는 폰트어썸을 별도로 설치하는 과정 없이 index.html에 추가만 하고 사용하셨는데.. 실제로는 라이브러리 다 설치 하고 사용해야하는 건가요? 버튼 추가했는데 화면에 나타나지 않아서 질문 드립니다 ㅠㅠ
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 getServerSideProps 에 대해 여쭤봅니다.
질좋은 강의 감사합니다. 언제나 도움이 되는 거 같네요. 강의 내에선 getServerSideProps을 대부분 쓸 것이고, getStaticProps, getStaticPath를 쓸 일은 정말 현저히 적을 것이라고 말씀하셨는데요. (저도 next를 사용해보면서 그렇게 느꼈구요.) 최근 공지사항에서 'getServerSideProps를 최소화하시는 게 좋습니다. 이를 위해서는 유저 정보를 SSR하지 마시고 CSR해야 합니다. getStaticProps나 getStaticPath를 써야 서버쪽에서 컴포넌트 캐싱이 가능합니다. 유저 정보는 개인마다 다 다르기때문에 캐싱이 불가능하거든요. 다음 리뉴얼 때는 getStaticPath와 getStaticProps만 써서 Incremental Rendering을 보여드릴까 생각 중입니다.' 라고 하셔서 조금 혼란이 옵니다 ㅠㅠ... Incremental Rendering을 검색하면 뭔가 방법이 나올까하고 구글링해봤는데 큰 소득을 얻지 못해서 구체적으로 어떤 방식으로 코드를 써야 할 지 갈피가 잡히지 않아 질문드립니다. 모든 페이지를 // export async function getStaticPaths() { // const await = axios.get('/post...') // return { // paths: [ // { params: { id: '1' } }, // { params: { id: '2' } }, // { params: { id: '3' } }, // { params: { id: '4' } }, // ], // fallback: true, // }; // } 이런식으로 바꾸어야 좋은 건가요? SSR를 최소한으로 한다면 next를 쓰는 의미가 없을 거 같은데 생각할수록 답을 알 수 없어지는 느낌입니다.
-
미해결파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
django 기본 제공해주는 권한 사용할려면
상기 그림과 같이 django 기본 제공해주는 권한 사용할려면 DjangoModelPermissions를 사용해야되나요? 생각보다 많이 어렵네요
-
해결됨[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
UI_Inven_item 이름 변경할때 BIND에서 FAILED TO BIND 디버그가 뜹니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문 강의 내에 UI INVEN ITEM의 이름을 변경하기 위한 CS 파일인데 이걸 실행하면 요. FAILED TO BIND가 뜹니다 바인드의 디버그 로그가 뜨는데 UI_INVEN 생성에서는 바인드 디버그 오류 없이 잘 나왔는데 왜 인벤 아이템은 바인드 자체가 안되는지 모르갰습니다..
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
build와 실행은 되는데 사이트 연결이 안됩니다.
IntelliJ로 run을 한 후 hello 페이지(8080포트)를 확인해보면 제대로 연결이 되는데 따로 build를 하고 실행시킬 때 에러없이 실행은되는데 페이지 연결은 되지 않습니다. 실행은 WSL을 사용하였습니다. 어떤게 문제일까요
