일 년 전 · 영훈 님의 새로운 댓글
리액트 캐러셀 반복
리액트로 캐러셀을 구현했습니다. 이때 넷플릭스의 top10 과 같이 인덱스의 끝에 다다르면 앞의 영화데이터가 뒤로 생겨나게하여 무한 캐러셀처럼 구현하고 싶은데 어렵네요.. 단순히 translate를 앞으로 이동할 수 있지만 넷플릭스에선 앞으로 이동하는게 아닌 뒤로 데이터가 생겨나와서 넘 궁금합니다ㅠ 도와주세요ㅠ
개발자
#react
답변 1
댓글 1
조회 108
일 년 전 · 익명 님의 질문
리액트 네이티브 flatlist 관련 질문 받아주실 분 있으실까요?
제가 리액트 네이티브로, 위아래로 슬라이드 하면 한 달씩 넘어가는 캘린더를 만들고 있습니다. 그래서 전체를 FlatList로 만들고 스크롤 시 y인덱스를 받아와서 한 달씩 랜더하는 식으로 코드를 구현하였습니다. const handlePageChange = (newPage: number) => { if(newPage !=0) { const newDate = new Date(currentDate); newDate.setMonth(newDate.getMonth() + newPage); setCurrentDate(newDate); } }; return ( <FlatList data={[...Array(1).keys()]} keyExtractor={(item) => item.toString()} renderItem={({ item }) => ( <CalendarMonth currentDate={{ currentDate }} ClickedDate={{ ClickedDate }} setClickedDate={setClickedDate} /> )} horizontal={false} pagingEnabled= {true} showsVerticalScrollIndicator={false} scrollEventThrottle={100000} onScrollEndDrag={(event) => { const offset = event.nativeEvent.contentOffset.y; const direction = offset === 0 ? 0 : offset > 0 ? 1 : -1; handlePageChange(direction); }} /> ); 이런 식으로 코드를 구현하였는데 위로 잡아 올렸을 때 빈칸이 보이는데 저는 스크롤 시 모션은 보이지 않고 바로 다음 달력으로 넘어갔으면 합니다. 혹시 스크롤 시에 달력이 움직이지 않고 바로 넘어갈 수 있는 방법이 있을까요?
개발자
#react-native
답변 0
댓글 0
조회 60
일 년 전 · 강민수 님의 질문
Hash 파일 구조에 관한 기초적인 질문입니다
관계 R은 4개의 속성을 가지며, 총 10,000개의 레코드로 구성되어 있습니다. 각 속성의 크기는 각각 6바이트, 12바이트, 4바이트, 18바이트입니다. R을 1,000개의 버킷을 가진 해시 파일로 디스크에 저장하려고 합니다. 포인터 크기(오버플로 블록을 가리키는)는 4바이트이며, 각 버킷 블록에 할당해야하는데, 각 블록은 4,096바이트입니다. 이는 해시 인덱스가 아닌 해시 파일 구조이므로 버킷에는 R의 실제 레코드가 포함되어 있습니다. 레코드는 서로 다른 블록 사이에 분할될 수 없습니다. 어떤 버킷이든 최소한으로 포함할 수 있는 레코드 수는 몇 개인가요? 어떤 레코드 수가 한 버킷이 오버플로 블록을 필요로 하는 최소한의 레코드 수인가요? R을 저장하기 위해 필요한 최소 (최상의 경우) 디스크 블록 수는 몇 개인가요? R을 저장하기 위해 필요한 최대 (최악의 경우) 디스크 블록 수는 몇 개인가요? (i) R의 레코드에 접근하는 데 필요한 최소한의 I/O 비용(블록 읽기)은 얼마인가요? (ii) R의 레코드에 접근하는 데 필요한 최대 가능한 최악의 I/O 비용은 얼마인가요?
개발자
#database
#데이터분석
#자료구조
#java
답변 0
댓글 0
보충이 필요해요 1
조회 39
2년 전 · 이승현 님의 답변 업데이트
JavaScript 질문-for 루프와 전역 변수 관련
``` var func = []; // 함수의 배열을 생성하는 for 루프의 i는 전역 변수다. for (var i = 0; i < 3; i++) { func.push(function () { console.log(i); }); } console.log(func); // 배열에서 함수를 꺼내어 호출한다. for (var j = 0; j < 3; j++) { func[j](); } /* 실행결과: [Log] Array (3) => "console.log(func);" 0 function () { console.log(i); } 1 function () { console.log(i); } 2 function () { console.log(i); } [Log] 3(3)=> "for (var j = 0; j < 3; j++) { func[j](); }" 3 3 3 */ ``` 자바스크립트 클로저를 공부하다가 이해가 되지 않는 부분이 있어서 질문을 남깁니다. 첫 번째 for 루프에서 func 배열에 인덱스 숫자를 콘솔에 출력하는 함수를 순차적으로 집어넣는 로직을 작성해서 두 번째 for 루프에서 그것을 호출시키는 로직을 작성했는데 '0, 1, 2'가 아니라 보기와 같이 '3, 3, 3' 이렇게 출력되었습니다. 이렇게 출력되는 원인을 찾아봤더니 첫 번째 for 루프에 선언된 초기식 변수 var i가 전역 변수이기 때문이라는 설명이 있었습니다. 그러면 'var i'의 변수값이 두 번째 for 루프의 초기식인 var j에 영향을 미쳤다는 얘기로 보면 되는건가요?
개발자
#javascript
답변 1
댓글 0
조회 150
2년 전 · 커리어리 AI 봇 님의 새로운 답변
무한스크롤 No offset 방식 index지정에 대해 질문이 있습니다
안녕하세요 현재 스프링부트 querydsl로 무한스크롤을 구현하면서 no offset을 적용하고 있습니다.정렬 방식에는 최신순과 마감순이 있는데 최신순은 pk를 오토인크리먼트로해서 사용하면되서 괜찮은데 문제는 마감순입니다. - 마감순정렬조건은 기존에 pk가 오토인크리먼트방식이고 정렬 조건과도 무관해 pk말고 정렬조건이되는 컬럼을 index로 설정을 하려고 합니다! 따라서 마감일로 입력받은 컬럼을 사용하려고 합니다 - 그런데 No offset이 클러스터 인덱스 방식을 쓰기때문에 속도면에서 이점이 있다고 알고 있습니다! - 따라서 클러스터 인덱스를 생성하려면 unique index로 해야하는것 같습니다. 이때, 위에 말씀드린것 처럼 정렬조건이 되는 컬럼을 마감일column으로 잡으려고하는데 이게 unique하지 않을수 있다고 생각이 됩니다(시간이라 중복값이 있을수 있다고 생각) - 따라서 이를 위해 마감일컬럼+pk로 회야할지 아니면 ms초까지(sql은 없고 서버로 받아서) 받아서 datetime이 아닌 varchar타입으로 해야할지 고민이 됩니다! 여기서 제가 착각하고 잘못된 제안을 하고 있는부분이 있는지 아니면 다른 좋은 방법이 있는지 선배님들의 고견을 듣고 싶습니다!
개발자
#springboot
#no-offset
#무한스크롤
#mysql
#querydsl
답변 1
댓글 0
추천해요 1
조회 212
2년 전 · 커리어리 AI 봇 님의 새로운 답변
데이터베이스 인덱스
데이터베이스에서 인덱스를 설정할때 1. 조회가 빈번한 2. 수정, 삽입 적은 3. 중복도 적은 컬럼을 설정해야하는걸로 알고 있습니다. 여기서 궁금한게 인덱스 설정한 컬럼에 대해 수정이 발생하면 인덱스 테이블에서는 soft delete를 하고 새로 추가가 되는걸로 아는데 이때 왜 soft delete를 하는건가요? b+tree가 삭제 삽입만 가능하다고 들은거같기도한데 그러면 삭제하고 삽입을 하면되는거 아닌가요?? 그냥 어떻게 동작하는지 알고있었지만 생각해보니 왜 이렇게 동작하는지는 이해를 못하고 있었던거같습니다.. 아시는분이 있다면 답변 부탁드립니다.
개발자
#데이터베이스
#인덱스
답변 1
댓글 0
조회 90
2년 전 · 커리어리 AI 봇 님의 새로운 답변
react-native ScrollView in View ?
안녕하세요, 리액트네이티브 공부중에 있습니다 ScrollView 안에 View를 사용할 때 View를 스크롤 하면 이벤트를 호출하고 싶은데 onPress 등등 아무것도 안먹네요 ㅠㅠ Touchable은 작동하긴 한데, 클릭을 하면 실행되는데 스와이프 할때는 실행 안하네요 코드 첨부합니다 하고 싶은 기능: 스크롤 하나씩 할 때마다 인덱스값을 받고 싶어요
개발자
#react-native
답변 1
댓글 0
조회 150
2년 전 · 이근환 님의 답변 업데이트
javascript 배열에서 가장 마지막 값 가져오기
javascript 배열에서 가장 마지막 값을 가져오는 방법 없나요? python 같은 경우에는 -1 인덱스가 가장 마지막 값을 가져오던데 javascript는 undefined나오더라고요. 항상 length를 계산하고 length -1의 인덱스를 조회해야하는걸까요? 다른분들은 어떤 방법을 사용하시나요?
개발자
#javascript
#array
#lastindex
답변 6
댓글 0
추천해요 3
조회 2,724
2년 전 · 커리어리 AI 봇 님의 새로운 답변
엘라스틱서치 무한스크롤 관련 질문
Express 연동해서 search 메서드로 search_after 사용해서 무한 스크롤 구현중입니다. 궁금한 점은 인덱스 안에 로그가 99개가 있다고 하면 size 10으로 했을 때 search_after로 9번까지는 데이터를 잘 가져오는데 마지막에 로그 호출할 때는 에러가 뜹니다.. 마지막 호출에서 이게 마지막이라고 감지하도록 만들고 싶은데 혹시 방법이 있을까요??
개발자
#elasticsearch
#express
답변 2
댓글 0
조회 168
2년 전 · 커리어리 AI 봇 님의 새로운 답변
CSS만으로 innerheight 값을 자동으로 구하게는 안되나요?
인덱스 페이지를 새로고침하면 css 적용하기 이전 버전이 보입니다. 자바스크립트로 dom을 조작했더니 HTML 렌더 전이 보여서요... reflow 전에 로딩을 보여주고 싶은 건데, 좋은 방법이 없을까요? 이렇게 저렇게 해보다가 해결을 하긴 했는데 제가 한 방식이 취약한 방식이라서요.. (저는 쌩 html 태그에 <script>로 넣어줬습니다. next js 사용하고 있고 dangerouslysetinnerhtml 넣었어요!)
개발자
#next.js
#css
#innerheight
답변 2
댓글 0
조회 96
2년 전 · 커리어리 AI 봇 님의 답변 업데이트
도커에 빌드했는데 엔진엑스 404 페이지가 뜹니다. 뭐가 문제일까요?
리액트랑 엔진엑스로 도커에 빌드했습니다. 근데 엔진엑스 404 페이지가 뜨네요 ㅠㅠ 도커 파일 설정은 잘 되어있어서 잘 나왔는데 리액트 코드에서 뭘 바꾸니까 문제가 발생한 것 같아요.. 인덱스 html 못찾는 문제 말고 또 뭐가 있나요..? 도저히 감이 안오네요 ㅠ
개발자
#docker
#nginx
#404
답변 1
댓글 0
조회 155
2년 전 · 손정현 님의 답변 업데이트
SQL에서 subquery는 인덱싱이 안 먹히나요?
아래와 같은 SQL을 작성해서 쓰려고 했는데, 인덱싱이 제대로 안먹더라구요. 혹시 sub query 로 만들어진 SQL은 인덱스를 안타나요? 인덱스는 pm, bm 모두 memberId에 걸려있고 추가로 bm.upgradedAt에도 걸려있습니다. 사용하고 있는 DB는 mariaDB 입니다.
개발자
#sql
답변 1
댓글 1
추천해요 1
조회 192
2년 전 · 엄홍재 님의 새로운 답변
sql 결합 인덱스 질문입니다.
초보 개발자 입니다. 사수가 table을 생성하는 쿼리를 보시고 인덱스도 추가해 넣으라고 하셔서 열심히 구글링을 해보고 있습니다. create table생성 쿼리 마지막에 INDEX <인덱스이름> ( 칼럼명1, 칼럼명2, ... ) 을 넣으려고 하는데 칼럼에 무엇을 넣어야하나요? 제가 생성한 칼럼을 다 넣으면 되는 걸까요? 검색 속도를 높이려고 Index를 추가한다고 하는데 그냥 다 넣어주면 되는 건가요? 질문을 요약 정리하면 1. 컬럼에는 어떤것을 넣어야하나요? 2. 컬럼의 순서도 중요한가요?
개발자
답변 1
댓글 0
추천해요 1
조회 238
2년 전 · 커리어리 Q&A 운영자 님의 새로운 댓글
Do not use Array index in keys lint 에러
React로 dynamic list를 생성할 때 key 값으로 인덱스 값을 넣어줬는데 "Do not use Array index in keys"라는 linter 에러가 발생합니다. Linter를 끄기는 찝찝하고, 인덱스 외에는 딱히 사용하는 고유 id 값이 없는 상황인데 이런 경우에 보통 인덱스 지정을 어떻게 하시나요? 그리고 왜 인덱스 값을 key로 사용하면 안 되는지도 궁금합니다.
개발자
#react
#key
답변 1
댓글 1
추천해요 2
조회 242
3년 전 · 김성현 님의 답변 업데이트
1년조금 넘은 풀스택 개발자입니다 계속 다녀야할까요..?
조그만 스타트업에 다니고있는데요 개발자가 저뿐입니다 초반에는 꽤힘들었지만 하다보니 여기까지 오게됬네요.. 처음왔을때는 외주사에 맡긴 서비스를유지보수하는 일부터 시작했습니다 그때 사용했던 기술은 vue.js 와 spring boot + jooq 를 썼습니다 전부 국비지원에서는 배우지않았던 기술들이라 초반 2-3달음 하루에 잠을 4-5시간만자며 공부했습니다 그리고 또다른 프로잭트를 만들일이 생겨 혼자힘으로 만들어 프론트 백 서버배포까지 하였고 현재는 vue.js spring boot jpa 를 기반으로 개발을 하고 aws ec2를 이용한 우분투 기반의 서버 세팅 젠킨스와 깃헙의 웹훅을통한 자동배포 검색로직이 너무 복잡하여 엘라스틱 서치를 통한 인덱스 추가 검색기능 Bootstrap 과 vuetify 를 사용해 반응형웹앱과 앱전용 웹사이트 구축하였고 앱배포는 현재 공부중입니다 말이너무 길어졌는데 무튼 전 지금 정말 1년이 넘는 시간동안 퇴근후에도 개발을 하였고 누가봐도 열심히하고있는데 1년 하고도 6개월이 지났지만 월급은 그대로이고 제가 한명더 뽑아달라고하였지만 현재는 힘들다는 답변이 돌아왔습니다 제가 이 회사에 계속 있어야할까요?? 저는 회사사람들이 좋아 회사생활엔 문제가없지만 제가하는 노력에비해 월급이 적다느껴져서 계속 회의감이 밀려오고있습니다… 혹시 이직을 한다면 어느정도 받아야 적당한걸까요…? 아그리고 혹시 이직을 정말 하고싶다면 어떻게 풀어가야할까요…? 개발자는 저뿐이라 저만 믿고있는 상황인데 어떤식으로 말을 꺼내야할지도 모르겠습니다… 참고로 연봉3천을 받고있습니다 추가로 아직 1년 조금 넘었지만 혼자라는게 너무 외롭고 지칩니다..ㅠ 사수하나 없이 너무 달려서 현재는 번아웃이 온거같아요 ㅠㅠ
개발자
답변 6
댓글 6
추천해요 7
조회 1,826
3년 전 · 문승욱(카이론) 님의 새로운 답변
자바 행 단위로 인덱스 하는 법 있나요 ???
자바 행 단위로 인덱스 하는 법 있나요 ???
개발자
#자바
#코딩
답변 1
댓글 0
추천해요 3
조회 208