일 년 전 · 이동근 님의 새로운 답변
vscode 해당 현상 아시는 분 계신가요?
말로 표현을 어떻게 해야할 지 모르겠네요.. 한글 입력일 때, 영문으로 변경하면 위에 하나의 레이어가 덮어 씌워진 것 처럼 작동하는데 어떻게 구글링해야할 지 막막해서 여기 올려봐요 ㅠ 해당 현상이 풀리는데 걸리는 시간은 랜덤입니다.. 다른 코드 타이핑이 일절 안되요 저랑 같은 경험해보신 분 계실까요?
개발자
#vscoed
답변 2
댓글 0
조회 83
일 년 전 · 이지헌 님의 새로운 댓글
Next.js 이미지 최적화 방식에 대해 질문이 있습니다.
안녕하세요! Next.js 14를 사용해 프로젝트를 진행하던 중 이미지 최적화에 관해 궁금한 점이 생겨서 이 곳에 질문을 남깁니다. 프로젝트를 하며 약 500개의 이미지를 랜덤으로 추천해서 렌더링하는 기능을 구현했습니다. 현재 작업 방식은 프로젝트에서 페이지에서 이미지를 업로드 하는 기능은 필요가 없기에 MongoDB에 이미지 'URL'을 모두 저장하고 클라이언트에서 서버로 요청하면 서버에서 DB에 있는 URL을 리턴해주면 그걸 <img> 태그를 이용해서 화면에 띄우는 방식으로 구현했습니다. 하지만, 이렇게 구현하니 이미지 렌더링 속도가 조금 늦는 현상이 발생해 이를 최적화하고 싶습니다. 제가 생각했던 방법들은 다음과 같은데 어떤 방법이 좋은지, 혹은 더 나은 방법이 있는지 아시는 분이 있으면 추천해주시면 감사하겠습니다. 1. 이미지를 모두 다운받아 public 폴더에 넣고 Next/Image를 사용한다. -> 이 방법을 하려니 사진이 500개가 되고 사진마다 png,jpg 형식도 달라서 적용하는 것도 어려울 것 같고 무엇보다도 프로젝트 파일 사이즈가 커지는게 문제가 될 것 같다는 생각을 했습니다. 만약 사진이 500개가 아니라 1000개 2000개가 된다면 더더욱 그럴 것 같아서요. 이 부분에서 추가로 생각해본 방식이 파일 형식을 모두 avif로 바꾸는건데 그런 접근도 괜찮은건가요? 2. 서버에서 URL 넘어온 그대로 Next/image를 사용한다. -> 모든 파일의 url 형식이 달라서 일일이 next.config.ts에서 설정해주는 게 쉽지않을 것 같다고 생각했습니다. 그래서 모든 파일을 AWS S3에 올려놓으면 URL 주소가 같을테니 그렇게 하는 게 맞는지 궁금했습니다. 아직 제 지식이 짧아서 생각해본 방식은 위와 같은데, 추가로 좀 더 좋은 방식이나 현업에서 사용하는 방식이 있다면 알려주시면 감사하겠습니다. 긴 글 읽어주셔서 감사합니다!!!
개발자
#next.js
#리액트
#이미지최적화
#넥스트
답변 1
댓글 1
추천해요 1
조회 211
일 년 전 · 중현 님의 질문
React Native 카카오 로그인 AWS Cognito 연동 질문
안녕하세요 리액트 네이티브로 카카오 로그인과 AWS Cognito 사용자 풀을 연동하려고 합니다. 먼저 카카오 OIDC로 사용자 풀을 생성하였습니다 웹의 경우 코그니토에서 제공하는 로그인 엔드포인트로 카카오 로그인 페이지로 이동하여 코그니토 idresponse 리다이렉트와 함께 코드와 토큰을 받고 있습니다. 이후 사용자 풀에 유저가 생성됩니다. 하지만 모바일 환경의 경우에는 카카오 로그인을 하려면 SDK로 먼저 로그인을 해야하는데, 로그인 후 다시 앱으로 돌아오면, 웹과 달리 리다이렉트가 이루어지지 않아 유저가 생성되지 않습니다. 현재는 카카오 로그인을 통해 받은 이메일과 랜덤한 패스워드를 생성하여 코그니토에 회원가입을 하고 있습니다. 현재 모든 인증은 클라이언트에서 하고 있습니다. 위와 같은 방법이는 맞는걸까요?? 모바일 환경에서 로그인 sdk와 함께 코그니토에 유저를 생성하는 방법에는 어떤 것들이 있는지 궁금합니다!
개발자
#react
#react-native
#aws
#cognito
#oidc
답변 0
댓글 0
조회 119
2년 전 · 권민수 님의 답변 업데이트
자바스크립트 코드작성에 대해 질문있습니다.
안녕하세요 현재 프론트엔드의 자바스크립트 인강을 들으면서 기초를 공부중인데 변수~함수등 기본적인 문법을 배우고 어떤 실습을 하는데 여기서 궁금한점이 있습니다. // 랜덤번호 지정 (컴퓨터쪽) // 유저가 번호를 입력한다. 그리고 go라는 버튼 클릭 // 만약에 유저가 랜덤번호를 맞추면 맞췄습니다. // 만약에 유저가 랜덤번호를 틀리면 틀렸습니다. // 랜덤번호 < 유저 down // 랜덤번호 > 유저 up // Reset을 누르면 게임이 리셋된다. // 5번의 기회를 다 사용하면 게임이 끝난다. (더 이상 추측불가, 버튼이 disable(클릭안됨)) // 유저가 1~100 범위 밖에 숫자를 입력하면 알려준다. 기회를 깍지 않는다. // 유저가 입력한 숫자를 또 입력하면 알려준다. 기회를 깍지 않는다. let compuerNum = 0; // 랜덤번호 저장할 변수 작성 function pickRandomNum() { compuerNum = Math.random(); console.log(compuerNum); } pickRandomNum() 이런 코드가 있는데 궁금한점이, 1. 위 코드에서 랜덤번호를 저정할 변수를 만들었는데 저 코드를 혼자 작성해본다고 했을때 저걸 변수에 우선 담아야 겠다. 뭐 이런 생각조차 나지 않더라구요. 어떻게 하면 쉽게 할수 있을지 궁금하고, 2. 두번째로 밑에 함수를 사용했는데 함수는 재사용, 관련된것끼리 묶어놓는다 이정도로 알고있습니다. 1번 질문과 마찬가지로 이부분은 함수를 사용하면 되겠다 이런 생각도 나지 않는데 혼자서도 코드를 잘 짜는 방법이 있다면 알려주시면 너무 감사드리겠습니다. 문법은 어느정도 이해는 하는데 혼자 코드를 작성을 할려고 하니 너무 막막하더라구요. 초보자가 그래도 조금이라도 코드를 혼자 작성할 정도로 공부를 한다면 어떤식으로 공부를 하면 되는지 선배님들의 조언부탁드리겠습니다.
개발자
#javascript
#프론트앤드
답변 2
댓글 2
조회 233
2년 전 · 커리어리 AI 봇 님의 새로운 답변
자바스크립트 공부 중 모르는 부분이 있어서 질문 드립니다.
배운 강의속 코드를 주석으로 풀이 하면서 공부중입니다. 제가 이해가 안가는 부분이 있습니다. 주석으로 표시 해놓은 코드가 어떤 역할을 하는지 모르겠습니다. ${} 기능을 쓰면 변수나 연산을 삽일 할 수 있다는 것을 알고 있습니다. ${chosenImage}코드는 랜덤한 배열의 순서를 가지고 오는 기능인것 또한 알고 있습니다. 제가 모르는 부분은 bgImage.src=`img/` <- 이 부분입니다. 저 코드가 하는 역할이 어떤 역할을 하는지 궁금합니다.
개발자
#자바스크립트
#javascript
#독학
#코딩
답변 2
댓글 0
조회 118
2년 전 · 커리어리 AI 봇 님의 새로운 답변
[javascript] 배열과 includes 질문
요즘 부트캠프에서 javascript를 배우고 있습니다. 제 질문은요. 배열 a에 150개 정도의 숫자가 랜덤으로 들어있고 해당 배열에 내가 원하는 숫자가 있는지 확인하려고 합니다. 이때 includes를 사용하면 된다는건 알았습니다. a.includes(4) 이렇게 하면 true or false가 나오더라고요. 근데 제가 하고 싶은건 4가 있는지 확인하는것 뿐만아니라 한 10개의 숫자가 모두 들어있는지 확인하고 싶어요 확인해야하는 숫자가 들어있는 배열을 b라고 하면 a.includes(b)는 무조건 false가 나오더라고요. 1. 모두 포함하고 있어도 왜 false가 나오는 건가요 2. a에 b의 항목이 모두 있는지 확인하는 방법을 알려주세요
개발자
#javascript
#배열
#includes
답변 4
댓글 0
조회 185
2년 전 · Gabriel_Jay 님의 답변 업데이트
테스트 시 DB에 저장되는 데이터는 무엇과 비교해야 하나요?
안녕하세요. Flask로 프로젝트를 진행중인 대학생입니다. 개발한 api를 테스트 하기 위해 unittest 라이브러리로 테스트 코드를 작성하는데 api 호출 결과가 DB에 올바르게 저장됐는지 확인하고 싶을때는 어떻게 해야하나요? 지금까지는 api호출 이후, DB에 저장되는 결과로 예상되는 데이터를 하드코딩해서 테스트 시 api호출 후 DB에 저장된 값과 비교했습니다. 하지만 결과값이 하드코딩 돼있으니 데이터 구조가 변경되면 일일히 값을 변경해줘야 하는 문제 때문에 더 나은 방법이 있지 않을까? 하는 고민이 생겼습니다. +추가 api호출시 내부에서 랜덤한 값을 결정하는 코드의 경우 테스트 환경에서 멱등성을 보장하는 모듈을 추가로 구현해서 사용하는게 좋을까요?
개발자
#test
#testing
#테스트
#유닛테스트
답변 1
댓글 0
추천해요 1
조회 544
2년 전 · 김대현 님의 답변 업데이트
회사에서 재미로 당첨자 뽑으려는 랜덤함수
안녕하세요, 현재 it기업에 종사하고있는 신입입니다. 제가 어쩌다가 회사 팀원분들중에서 몇명정도 뽑아야하는 랜덤함수를 짜게됐는데요, (재미로) 아무래도 이상하게 짜면 안좋은모습 보일까봐 여기다가 질문 급하게올립니다.. 학교에서 배운것처럼 그냥 rand 로만 하면 안될거같고.. 어떻게 짜면 될까요?? 혹시 깃허브나 이런곳에 참고할만한 코드가 있을까요??? 급합니다 ㅠㅠ
개발자
#c#
#랜덤
#코드
#깃허브
답변 1
댓글 0
추천해요 1
조회 155
2년 전 · 김지태 님의 답변 업데이트
컴공 전공 프로젝트 원하는 분야랑 다른데 그대로 가야할까요..
졸업 프로젝트를 이번학기에 하게 됐는데요 빅데이터 블럭체인 인공지능 뭐 이런 기술을 무조건 포함시켜서 해야되거든요(졸업 내규에요ㅠ) 저는 웹 백엔드 희망해서 지금도 자바스프링 공부하고 있어요 그런데 팀을 못짜서 랜덤으로 들어가게 되어 Iot 분야를 하게되었습니다.. 라즈베리파이 이용해서 어플을 구현하는 방향으로 잡혀서 ide는 안드로이드 스튜디오 쓰고 언어는 c나 c++을 써야할 것 같은데요.. 4학년이고 졸프도 포폴에 넣고 싶은데.. 전혀 관련이 없어서 이번학기에 졸프를 듣는게 맞을지 모르겠어요 그냥 목표가 맞는 사람들끼리 미리 팀을 짜고 다음학기에 듣는게 나을까요?ㅠㅠㅠ
개발자
#고민
#프로젝트
#포트폴리오
답변 1
댓글 0
조회 141
2년 전 · 손정현 님의 새로운 답변
효과적인 서버 브루트포스 공격 대응 방안이 궁금합니다.
안녕하세요, 웹 보안을 공부하고 있는 학생입니다. 이번에 브루트 포스 공격(임의의 암호를 하나씩 대입해서 암호를 푸는 공격 기법)에 대해 알게 되었는데요, 되게 흥미롭더라고요!! 대응 방법은 주로 로그인 실패 했을 때 시간 지연을 랜덤으로 주거나, 3회 이상 틀리면 5분 동안 로그인을 하지 못하는 방법이 많이 사용된다고 하는데, 이것 외에 또 다른 좋은 대응 방법이 있는지 궁금합니다. 사실 위의 두 방법 모두 시간만 많이 들이면 공격할 수 있는 거라고 생각해서요! 혹시 선배님들은 이런 공격을 막아보시거나 / 고민해 보신 적이 있으신가요??
개발자
#hacking
#brute-force
답변 1
댓글 0
조회 131
2년 전 · 김민혁 (Noel) 님의 새로운 답변
리액트에서 컴포넌트 직접 접근 후 값 수정하기
안녕하세요! 최근에 리액트를 접해서 연습삼아 리액트로 미니 게임을 만들고 있습니다. 컴포넌트를 클릭하면 해당 컴포넌트의 위치가 랜덤하게 바뀌는 걸 구현 하고 싶은데 방법을 모르겠습니다.(하늘에서 별이 랜덤으로 반짝 반짝 하듯이) useRef를 통해 DOM에 직접 접근 하는 것 까지는 알았는데 값 수정을 못해서요 ㅠㅠ 예를들어 ,바닐라 js에서는 const random = () => Math.floor(Math.random()*99+1) let x =random() let y = random() document.Queryselector().style = “position : absolute; top: “ + x.toString()+”%, left :”+ y.toString()+”%”; 이런 식으로 생각했는데 리액트에서는 어떻게 하면 좋을까요..? 구글링만 하루종일 했는데 해결법을 못 찾아 질문 남깁니다 ..!
개발자
#react-hooks
#react
#javascript
답변 2
댓글 1
추천해요 2
조회 981