#필터

이직 시 단독 작업한게 걸림돌이 될까요?

프론트엔드 3년차 입니다. 디자이너,백엔드 개발자와 작업은 같이 했지만 프론트엔드 파트는 혼자 전부 진행하였습니다. 회사에서 보낸 시간이 너무 많아서 1년반정도가 인생에서 사라진 느낌이 들 정도였습니다. 그동안 트러블 슈팅, 혼자서 해결한 문제들이 너무 많아서 그런것들 보단 ( 알고보면 단순한 내용들이거나 시니어가 있었다면 금방 해결될 문제들입니다. ) 어려운 전제조건 하에 개발한 기능, 수치적으로 표현 가능한 기능에 대해서 이력서에 기입했습니다 허나 기입한 기능들 자체가 글로 적으면 대단해 보이지가 않는다는게 문제입니다. 오히려 단독으로 했다고 하면 과장해서 적어놓은 사기꾼같아보일까봐 걱정입니다. 이력서에 적힌걸 보면 정렬,최적화,구조 변경 이런것들이거든요... 근대 그것들을 클라이언트 단에서 디자인 패턴까지 쓰지않으면 안될정도의 복잡한 로직을 구현한거긴합니다만 결과 자체는 단순히 필터링 정렬 표기 그런것들입니다.. , 그걸 이력서에 다 기입할 수가 없어서 고민입니다. (react , next를 사용하였습니다) 또한 혼자서 서비스와 백오피스를 다 작성했다보니 효율적으로 수정 가능하게 진행했다, 다른 프로젝트에서 사용하기 용이하게 코드구조를 변경했다. 정도만 적을 수 밖에없었습니다. 어렵기 보단 얼마나 효율적으로 구조를 잡고 진행하냐의 문제였거든요. 이력상으로 봤을때 화려한 기능이나 서비스를 만든건 아니라서 더 더욱 차반 취급받을까봐 고민입니다.. 혼자서 많은 고민과 문제를 해결했지만 3자입장에서 봤을때 전혀 볼게 없는 심각한 상황입니다.. (시간만주면 3d든 스트리밍 chart든 브라우저 api 활용이든 map api든 canvas든 다 금방 배워서 할 자신이 있지만 그런 종류의 작업들은 회사 일로선 전혀 하질 못했습니다.. ) 연봉을 대거 낮춰서 신입 자리라도 지원해야할까요..? 최근엔 회사에서 먹고 자지 않아도 될정도라 알고리즘도 공부하고있고 트러블 슈팅이나 개발하면서 문제해결에 도움되었던 것들을 적으려고 블로그도 만들고 있긴합니다만. 너무나도 부족하고 모자라 보입니다.. 개발 실력도 올랐고 배포,운영 경험도 쌓였지만 작업내용 특성상 죄다 공개를 하지 못하니 어떻게해야할지 고민입니다..

초대졸 데이터 분석가?

전문대 졸업 후 다니던 회사를 퇴사하고 다른 직무를 알아보던 중 데이터 분석 관련 부트캠프를 알게 되어 지금도 배우고 있는 중인데, 초대졸도 데이터 분석 관련 직무 정규직 신입으로 입사하는 케이스가 어느정도 있나요? 구인구직 사이트들을 둘러보니 정규직은 보통 학사, 석사졸이 대다수이고 그나마 초대졸 이상 뽑는 곳은 경력직이 많은 것 같아서요. 여기서 배운 후 취업할 생각인데 잘 될지 모르겠어서 고민이 많네요 ㅠ 막상 배워놓고 자격 요건조차 안 돼서 필터링 당할 것 같기도 한데.. 부트캠프 수료 후 계약직 경력이라도 쌓으면서 야간 4년제 학사 학위를 병행하는 게 낫겠? 그냥 막막합니다 물어볼 곳도 없는지라..

스프링 mvc jwt토큰

스프링 mvc에서 타임리프로 웹 제작중인데 jwt엑세스토큰을 해더에 담는데 리다이렉트 쓰면 헤더가 소멸되는데 어떤식으로 사용해야할까요 로그인 후 정보를 가지고 서비스 메인페이지로 가는데 쿼리나 포스트로 정보를 받아서 사용해야하는지 Jwt에서 즉 필터에서 다른 방법이 있는지 궁금합니다!

api gateway에서 rbac 처리 관련 질문

jwt내에 user role(guest,user,admin 등)관련 정보가 존재하는 상태에서 api gateway에서 jwt decode후 api를 rbac처리 하고자 합니다. 질문은 아래와 같습니다. rest api에 명시적으로 어떤 권한의 사용자가 사용할수 있는지 작성해서 필터링하는지 아니면 api gateway에서 api각각이 어느 role까지 접근할수 있는지 매핑해두고 필터링하는지 여쭤보고싶습니다.

Nextjs 탭 기능 질문

Next 14 앱라우터 버전과 react-query를 사용하고 있습니다. 게시물 목록을 보여주는 페이지를 만들고 있고 게시물의 카테고리를 필터링 해주는 탭을 만드려고 하는데요. 기존에 React에서 할땐 searchparams 값을 넘겨주는 식으로 필터링이 됐는데 next에서는 url을 바꾸는 식으로 하려면 페이지 이동을 해야 하는 것 같아서 이걸 페러렐 라우트로 처리를 해야할지 url 처리 없이 가야할지 고민이 됩니다 ㅠㅠ

API 서비스 Xss 필터 적용 질문

웹 브라우저 클라이언트에서 api를 호출하는게 아니라 각 서버 클라이언트에서 호출할 경우에도 xss필터를 적용해야 하나요??

[DB 설계] postreSQL 주소 저장

대학 4학년 재학중이고 현재 스타트업 초기 개발자로 근무를 시작했습니다. 프론트는 flutter, DB는 postresql, 백 프레임워크는 python Django를 이용해 하이브리드 어플리케이션을 개발하고자 합니다. 장소 table을 만들면서 주소 column을 만들어야 하는데, 서울/부산/울산 등 지역별 필터링이 가능하도록 설계해야 합니다. 1. 단순히 textfield 를 하기엔 필터링마다 모든 row의 주소 column에서 해당 단어들을 찾아야 하는 부담이 있고, arrayfield(char)을 하기엔 프론트에서 받아와서 처리하는 것에 어려움이 있을 것 같습니다. 2. 프론트에서 주소 입력하는 형태가 아직 정해지지 않았는데, 아마 도로명 주소 검색해서 선택하고 상세주소를 입력하는 방법을 도입할 것 같습니다. 이 기능을 구현해본 적이 없어 어떤 식으로 DB를 설계하고 입력/저장/출력을 관리하면 좋을지 조언을 구하고 싶습니다. 덧붙여서, 혹시 지도 api 등을 연결해서 주소를 등록하게 되더라도 DB 설계에는 변함이 없는게 맞는건지 궁금합니다. 감사합니다.

공공데이터 API 호출 및 렌더링 과정에서 고민이 있습니다..

공공데이터api 관련 프로젝트를 진행 하고 있습니다. 기획, 디자인 전부 저를 비롯한 팀원과 함께하고 있는데, api를 불러와 정보 데이터를 표시하는데 <p><span style="color: rgb(13, 13, 13); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve; background-color: rgb(255, 255, 255);">덕순이.. 이상하게 보자마자 덕순이란 이름이 떠올랐어요.</span></p><p><span style="color: rgb(13, 13, 13); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve; background-color: rgb(255, 255, 255);"><br></span></p><p><span 이런식으로 스트링 값으로 불러와집니다. 문자열로만 추출하니 개행, 문장 이음새 등등이 가독성이 아래사진 처럼 매우 떨어지게 됩니다 다음 상황에서 어떤 방법이 좋을까요? 위와 같은 태그로 표시되기에 이를 React에서 그대로 태그 형식으로 출력하는 방법을 생각해보고 있지만, 컬러,폰트 크기 같은 속성은 제외하고 <p> <span>등의 태그만 유지하도록 필터링해야하는 것인가요? 혹시 그렇다면 그 필터되 값을 문자열 형식말고 태그형식으로 적용할 수 있을까요? (추가) 현재 gpt 도움으로 아래의 방법으로 진행하여 성공하게 되었는데 이방법보다 효율적인 방법이 있을까요? 또한 이방법으로는 폰트 사이즈, 굵기가 임의 조절이 되지않는 단점이 있어서 이를 해결하고 싶습니다.

앱(Flutter)에서 JSON데이터를 검색하려고 합니다

안녕하세요 Flutter를 이용하여 식단 및 체성분 관리 앱을 개발 중인 대학생입니다! json형식의 식품영양성분 공공데이터 안에서 사용자가 입력한 식품명 검색어를 기준으로 데이터를 불러오려고 합니다. DB는 Google Firebase를 사용 중이며, 위와 같은 목적으로 데이터를 사용 할 때에 적합하지 않다면 다른 DB를 사용 할 의향도 있습니다. 사용자의 검색어로 시작하는 특정 데이터만이 아니라, 검색어를 "포함"하는 데이터도 불러오고 싶습니다. 현재 어느 정도 그려 본 방법입니다. 영양성분 JSON 다운로드 ↓ Python을 이용하여 필요한 데이터만 가공 ↓ Firebase Realtime Database / Storage에 저장 ↓ 저장된 JSON을 API 호출을 통해 String으로 불러옴 / 앱 내부에 .json 파일로 저장 ↓ Map으로 변환 후 캐싱 ↓ 사용자가 검색어 입력 ↓ 검색어를 포함하는 데이터만 별도 리스트에 추가 여기서 데이터를 불러오는 과정에서 필터링을 거치지 않는 이유는 Firebase Realtime Database에서는 검색어를 "포함"하는 것이 아닌, 사전 순으로 검색어 기준 뒤에 있는 데이터만 가능하다고 합니다.. 그래서 결국 JSON파일로 직접 사용하기로 했습니다 혹시나 저의 부족함이 보이시는 분들의 조언과 피드백을 듣고 싶습니다! 더 나은 방법이 있다면 무차별 폭격 및 질문 부탁드립니다! 미리 감사드립니다 (_ _)

리액트에서 어떤 걸 전역상태로 관리해야 하고, 어떤 걸 하지 말아야 할까요?

단순히 props drilling이 너무 과도해지거나 상태를 공유하기 힘든 상황일 때 협의를 통해서 사용하면 될지, 아니면 의미를 생각해서 전반적으로 전역으로 관리되어야 할 필요가 있는 데이터를 전역 상태로 관리해야 할까요? 이번에 공부 용으로 사이드 프로젝트를 진행하면서 자식 컴포넌트의 상태를 부모,조상으로 전달해줘야 하는 복잡한 컴포넌트가 하나 만들어지게 되었습니다.. (하나의 필드 안에 검색, 필터,select 등등이 있고 이를 동적으로 생성할 수 있는...) 상태를 공유할 수 있는 다양한 패턴을 통해서 해결이 가능하지만, 구현의 복잡도가 훨씬 높아진다는 생각을 했는데 이럴 때도 전역 상태를 사용해도 괜찮을까요? 사실 전역 상태로까지 관리할 데이터인가?에 대해서는 아니라고 생각하지만 사실 전역 상태라는 것이 구현의 복잡도를 줄여준다는 측면에서 만들어 진 것이라고 생각해서 내가 불편하면 사용하는게 맞지 않나? 라는 생각이 드네요 아니면 아예 구현 부분에서 잘못 되었던 걸까요? 컴포넌트 분리에만 초점을 맞추다 보니 이 점을 많이 신경쓰지 못한 것 같습니다..

mysql 실행계획 질문드립니다 (조인과 where문 조건 필터링 순서)

쿼리는 아래와 같습니다 EXPLAIN SELECT SUM(t.fee) FROM team t INNER JOIN student s ON s.student_id = t.student_id WHERE s.teacher_id = 3 AND t.team_unit in ('SOCCER', 'COOKING'); teacher 테이블과 student 테이블이 있고, student 테이블이 teacher 테이블의 id를 외래키로 갖고 있습니다 student 테이블과 team 테이블이 있고, team 테이블이 student 테이블의 id를 외래키로 갖고 있습니다 위 쿼리는 student와 team을 조인해서 특정 teacher_id와 team _type을 갖는 로우에 대해 fee 컬럼을 sum하는 쿼리입니다 조인은 nested loop 조인 방식으로 돌아갑니다 (인터넷에서 본 예제를 조금 변행해서 문법이 틀릴 수도 있습니다 양해 부탁드립니다) 사진은 해당 쿼리의 실행계획입니다 실행계획 역시 제가 원래 예제에서 약간 변형한거라 실제와 틀린 부분이 있을 수 있습니다 질문: 아래 두 가지 쿼리 실행 동작 과정 중에 어느 것이 맞는 건가요?? 1번 1. 두 테이블을 nested loop로 조인한 뒤 2. teacher_id가 3이고 team_unit이 SOCCER와 COOKING인 로우를 가져온 뒤에 sum 2번 1. student 테이블에서 teacher_id가 3인 로우 select 2. 1번에서 나온 결과를 바탕으로 team 테이블에서 student_id와 student 테이블의 student_id와 일치하는 로우를 nested loop 방식으로 조인, team_unit이 SOCCER와 COOKING인 로우를 가져온 뒤에 sum Where 조건에 명시된 필터 조건이 조인 전에 발생하는 건지 이후에 발생하는 건지 헷갈려서 질문드립니다

검색에서의 필터링 로직 구현 질문

플러터를 통해서 앱을 만들고 있습니다. 현재 백엔드를 통해서 데이터를 받아오고 있습니다. 다만 이 과정에서 필터링 관련 고민이 하나 있습니다. 받아와야하는 데이터 셋이 500개 ~1000개 추후에는 엄청나게 많이 불어날 것 같은데. 그 모든 데이터를 모두 클라이언트가 받은 후 필터링을 통해서 걸러내는게 좋을지, 아니면 서버에 필터링 값을 보낸 후 필터에 맞는 값만 받는게 맞는지, 어떤걸 선택해야하는지 궁금해서 질문드립니다☺️

백엔드 인턴 면접에서 프로젝트 경험 예상 질문

처음으로 인턴 면접을 준비하고 있습니다. 기술질문이나 인성질문은 대충 예상이 가는데 포트폴리오에 적은 프로젝트 관련된 질문은 어떻게 대비해야할까요?? 찾아보니까 1) 프로젝트 간단 소개 및 내 역할 2) 프로젝트 하면서 어려웠던 부분 3) 프로젝트때 사용한 기술 스택의 기술 질문 대비 4) 팀 프로젝트라면 협업할 때 어려웠던 부분 5) 프로젝트에서 이런 기능이 있던데 이걸 어떻게, 왜 그렇게 구현했는지 이정도로 대비하면 될 것 같긴 한데 처음이라 잘 모르겠네요 특히 5번을 어떻게 대비할지 막막합니다ㅠㅠ 예를 들어 스프링 시큐리티로 auth 관련 로직을 구현해본 적이 있다고 한다면 어떤 필터를 사용했는지, 커스텀한 필터가 있다면 왜 커스텀했고 어떻게 커스텀했는지, 안써도 되는데 왜 스프링 시큐리티를 사용했는지 or nginx로 무중단배포 구현해본 적 있다고 하면 원리가 어떻게 되는지 이런 류의 질문이 나온다고 생각하면 될까요??

리액트쿼리 고수분들 도와주세요

사이드프로젝트 리팩토링을 진행하는 중에 이해가 안되는 부분이 있어 글 써봅니다. const { data, isLoading, fetchNextPage } = useInfiniteQuery( ["getProducts", sortOption, sortOrder, filterValue, categoryName], async ({ pageParam = page - 1 }) => { const response = await api.post(`/cal/v1/product/${categoryName}`, { filter: filterValue, page: pageParam, query: "", size: size, => size: size - 8 /* 변경한 부분 */ sort: [{ field: sortOption, option: sortOrder }], }); setTotalProduct(response.data.body.product.totalCount); return response.data.body.product.items; }, { refetchOnWindowFocus: false, getNextPageParam: () => page, } ); 위 코드는 인피니티 스크롤을 구현한건데요, size는 한번에 받아 올 상품의 개수 입니다. 상품을 한번에 4개 받아올때는 500ms~, 8개 = 2500ms~, 12개 = 10000ms~ 정도로 요청시간이 비정상적으로 커집니다. 사용자경험과 api요청횟수를 고려했을 때, 12개를 받아오는것이 가장 적당하다고 생각되는데 렌더링 속도가 많이 느리다고 생각되서 개선하고자 합니다. **초기렌더링 에서만 문제가 발생되고, 캐싱되어 fresh한 상태일 때는 바로 불러옵니다** 코드의 다른요소들은, 필터링. 정렬들을 위한 요소들이라 렌더링 시간에 영향을 줄 것 같지는 않은데 왜 이런 문제가 발생하는지 궁금합니다. 이 외에도 잘못작성된 부분이 있거나, 개선해야할 사항이 보이신다면 알려주시면 감사하겠습니다!!

중고신입 프론트엔드 개발자 풀스택 업무 및 연봉 관련

안녕하세요, 우선 저의 경우 이전 회사에서 프론트엔드 개발자로만 9개월 정도 일했습니다. 그리고 현재 회사에서 React 프론트엔드 개발자로 지원하였지만 입사 후 부터 지금까지 풀스택 개발 업무를 하고 있고 연봉은 삼천 중반대 받고 있습니다. 프론트의 경우 React가 아닌 Vue를 사용하여 개발중이고, 백엔드부터 MySQL 쿼리를 직접 만드는 것까지 작업하고 있으며 실제 서버에 배포하는 업무까지.. 그냥 처음부터 끝까지 제가 다 한다고 보면 됩니다. 물론, 프론트엔드 개발자가 백엔드 업무에 지식이 있으면 좋다고 생각합니다. 그래서 공부하려고 했기도 하구요! 근데 저는 프론트엔드 개발을 할때가 재미있습니다. 그래서 백엔드는 어느 정도만 알고 프론트엔드 개발에만 집중을 하고 싶은데 현재 회사에서 업무를 할때 제가 백엔드만 담당해서 진행한 프로젝트도 있고, 항상 개발할때 거의 대부분 풀스택으로 합니다.. ( 가끔 php로 개발할때도 있음 ) 아무래도 풀스택으로 하다보니 작업 시간이 2배 이상 소요됩니다. 왜냐면 백엔드쪽 지식은 아예 없었기 때문입니다. 그런데 회사에서는 이부분을 고려해 일정 산정을 해주지 않습니다. 예로, Select Search 필터 기능(Select 리스트에 조건들이 많이 있었음)을 프론트, 백엔드 모두 구현해야 한다고 했을때 저의 경우 백엔드쪽은 처음 작업하다 보니 늦어도 내일까지는 작업을 완료하겠다고 했습니다. (이때가 오후 2시~3시?쯤 이었던 것 같음) 참고로 이때가 입사한지 한달 좀 넘었을 시기였습니다. 그런데 해당 업무를 지시한 분께서는 ‘왜 이렇게 오래 걸리냐! 엄청 쉽잖아~ 본인은 1시간만에 개발하겠다. 늦에도 오늘까지해서 컨펌 받아라’ 라고 하시고 늘 업무를 주실때 마다 본인 기준으로 일정을 산정합니다. 물론, 이부분 관련해서 몇번이고 말씀드렸지만 달라지는건 없었습니다. 저는 개발을 정말 사랑하고 개발할때 재미있습니다. 그래서 일이라고 생각을 안 하고 즐기며 항상 작업을 했습니다. 그런데 어느 순간부터 작업을 할때 현타가 오고 개발을 하고 싶지 않을 때가 종종 있었습니다. ( react로 진행하는 사이드 프로젝트 제외 ) 타이트한 기간에 풀스택 업무까지.. 이 연봉을 받으면서 이렇게 일하는게 맞는건지도 모르겠습니다. 코드 리뷰도 없고, 제가 맞게 개발을 잘 하고 있는건지도 모르겠습니다. 그리고 개발을 할때 추후 발생할 수 있는 버그 및 성능 이슈등을 생각하면서 개발을 하는게 아닌 어떻게든 기한내에 프로젝트를 끝내야 한다는 생각에 기능이 동작하기만 하면 일단 넘어가는 식으로 개발을 진행하게 됐습니다.. 이런게 점점 쌓이다 보니 지금은 이직을 생각중이고, 이직할 곳도 찾고 있는 상황입니다. 이전 회사에서는 9개월 일했고( 회사 사정으로 인한 퇴사 ), 현 회사는 다닌지 지금 7개월이 다 되어 갑니다. 둘 다 1년을 못 채운 상태로 지금 이직을 하는게 맞는 걸까요…? 아니면 1년은 버텨야 하는건지.. 프론트 업무 외에 백엔드 업무를 할때 마다 스트레스를 너무 받습니다. 그러면서 연봉에 대한 불만이 생기고 이게 끝도 없습니다..ㅠㅠ 선배님들 현실적인 조언 부탁드림니다…..

아직 학부생도 아닌 백수 21살입니다. 어떻게..시작해야할지 모르겠습니다.

사정이 있어 대학에 약간 늦게 들어가게 된 예비 컴공생입니다. 24학번이 되겠네요..! 중학교 때부터 흥미를 가지고 C나 파이썬, 자바, 보안 자료구조와 알고리즘, 아두이노로 뭐 만들어보기.. 이것저것 얕게 건드려보곤 했습니다. 해커톤이나 메이커톤, 경진대회 몇 개 나가봤습니다. 주변에 컴공 지인도 많아 조언도 꽤 들었는데 역시 적성에는 잘 맞는 듯 합니다. 이제 본격적으로 컴퓨터공학에 뛰어들려고 합니다. 근데, 막상 뭘 해야할지 모르겠습니다. 빠른 취업이 목표라 대학과 관련 없이 비전공자 분들이 공부해서 취직하시는 것처럼 저도 대학공부와 병행으로 취준하고 싶은데.. 얕고 넓게만 파와서 그런지 제가 하고 싶은 분야같은 걸 잘 모르겠습니다. 크게 웹, 앱, 게임, 인공지능, 데이터, 임베디드, 보안 정도로 나눠서 생각해봤는데 다 찍먹해본 결과 다 마음에 들어서요.... 그래서 좀 더 높은 수준의 클론코딩을 하다가 모자라거나 궁금해지는 부분, 더 만들고 싶은 부분이 있으면 파고들어서 그 부분을 새로 배우는 식으로 1학년을 보내볼까하는데... ex) 혼자 웹툰서비스사이트 만들다가 댓글필터링 서비스 구현하는 법을 모르겠음 -> 네이버 클론봇AI원리 공부해서 비슷하게 구현해보기 1학년 때 이런식으로 공부하는 게 괜찮은 계획인가요? 추가로 백준문제풀면서 알고리즘 대회나 해커톤 같은 대회 좀 나가보고..하는. 아 그리고 지금은..물론 대기업 가고 싶지만 막연하게 네이버..구글..취직하고 돈 많이 벌고 싶다..보다는 일단 제 적성에 맞는 직무 분야를 1~2학년 때 빠르게 탐색하고 여러 분야 기초 쌓아놓고 3~4학년 때 직접 만들어보자! 가 큰 것 같습니다. 이것도 옳은 생각일까요..? 다시 c 파이썬 부터 시작해야할까요 아님.. 많이 까먹었는데 🥲

웹개발에서 효율성 측면에 대해 의문점이 있습니다!

예를 들어 어떤 데이터를 정렬 또는 필터링해서 사용자에게 보여주려고 할 때 서버에서 데이터를 미리 처리해서 프론트로 보내주고 바로 렌더링 시켜주는 것이 속도가 빠를지 프론트에서 바로 처리되지 않은 데이터를 받고 프론트 단에서 처리를 해주고 보여주는 것이 렌더링 속도가 빠를지 의문점이 생기네요! 경우에 따라 다를까요? 카테고리 같은 경우에는 프론트에서 처리 해주려면 프론트에서 데이터를 계속 들고 있거나 서버에서 매번 대용량 데이터를 받아와야 하니 서버에서 처리하는 것이 빠를까요? 단순 순서 정렬은 서버에서 하나 프론트에서 하나 똑같을까요?

게시글 필터링 백엔드가 낫나요 프론트가 낫나요

안녕하세요 개발중에 게시글 페이지를 만들고 있는데, 필터가 총 3개입니다. 1. 카테고리 (전체, IT, 교육, 문화) 2. 완료여부(전체, 진행중, 완료) 3. 정렬 (최신순, 포인트 순) 이 3개를 구현해야하는데, 방법이 1. 프론트 처리 프론트에서 모든 데이터를 받아온 뒤에, js에서 필터링해서 데이터 넣어주기 2. 백엔드 처리 백엔드에서 데이터 처리한거를 버튼 누를 때마다 axios를 통해서 받아오기 1번은 통신비용은 줄이지만 초기랜더링이 많이 느린 것 같습니다. 2번은 통신비용은 늘지만 초기랜더링은 빠른것 같습니다. 그 외에 장단점도 알려주시면 좋을 것 같습니다 그리고 추가로.. 2번 방법을 했을 때, 클릭시 param을 백엔드에 넘겨서 필터링 처리하고 싶은데 그러면 /board/filter?category='IT' & status='complete' & sort('point') 이런식으로 넘기려는데 뭔가 너무 비효율적인 것 같아서 효율적인 방법이나 일반적으로 많이 사용하는 방법 알려주시면 감사할 것 같습니다

React 검색 결과 새 탭 열기로 기능 추가할 수 있을까요?

안녕하세요. 사내 프로젝트를 진행 중인데 고객 요청 사항 중 한 가지의 구현 방법에 관해 질문드립니다. react-router v6를 사용 중이며, 검색 기능이 많은 앱입니다. 앱 특성상 검색 필터를 통해 입력할 값이 많고, 검색 결과가 나오는데 오래 걸리는 편인데요. 고객이 요청한 사항은 1. 다른 페이지를 다녀와도 기존의 결과가 유지되도록(계속 볼 수 있도록) 2. 탭 UI로 변경해달라 위의 사항을 충족하려면 기존의 UI를 갈아엎거나 기획을 해서 새로 만드는 게 나은 수준이라고 판단했습니다. 임시 방편으로 검색 결과를 브라우저의 새 탭 열기를 통해 보여주려고 하는데, 가능할까요? 로그인 정보(username, token)는 브라우저에 cookie로 저장하고 있고, 검색에 필요한 query string은 URL과 header를 통해 서버에 요청하고 있습니다. 따라서 새 탭에 params들을 모두 전달해줘야 할 것 같은데요. 적절한 방법이 도저히 떠오르지 않네요. 구글링할 수 있는 키워드라도 알려주시면 감사하겠습니다.

자바 ㅡ 인터셉터와 필터 사용

현재 자바로 진행 중인 프로젝트에서 필터에서는 로그인 체크 및 user 각각을 분류하고 ex) 의료진이라면 의사,임상병리사,연구자 등으로 분리하고, 인터셉터에서는 각 컨트롤러에 들어오는 Api요청들의 허가 관리를 하려고 합니다. 필터와 인터셉터는 실행시점이 servlet 이전, 이후 시점이라는 것이 다르다는 것만 알고, 구체적으로 이렇게 실행했을 때 어떤 이득이 생길지, 이득의 여부조차도 쉽게 판단하기 어렵네요. 큰 이득이 없을 경우 인터셉터에서 전부 처리하려 하는데 조언 좀 부탁드립니다.ㅠㅠ

취준을 위한 리액트 포폴 준비하며 궁금한게 있습니다!

일단 CRUD프로젝트는 하나 했습니다! 리액트와 테일윈드, 백엔드는 익스프레스, 몽구스를 사용하였습니다 이후 타입스크립트를 배워서, 적용해서 하나 더 하려하는데, 프론트엔드를 잘한다는 기준을 잘 모르겠습니다! 이전 포폴은 정말 CRUD와 JWT로그인 기능뿐이라, 사실 프론트엔드단에서 어려운건 별로 없었던 것 같습니다 그래서 기능구현, 필터검색이라던가 캐러셀이나 인피니티 스크롤 이런걸 해봐야하나? 라는 고민이 있습니다 + 추가적으로 상태관리 라이브러리를 하나 선택해야하는데, 제가 비전공 고졸이라 객관적으로 좋은 회사는 못갈 것 같은데, 그럼 레거시 리덕스를 배워야하나? 라는 고민도 있습니다!

비속어 처리 어떻게 하고 계시나요?

닉네임/댓글/게시물을 비속어 처리 다들 하고 계시나요? 다른 회사에서는 자동으로 필터 되겠끔 처리하는지 궁금합니다.

데브옵스(DevOps) 직군으로 취업하고 싶어요!

안녕하세요 저는 현재 금융권 영업직에 근무하고 있어요 데브옵스(DevOps)라는 직무에 관심을 가지게 되었는데 궁금증이 있어요 1. 데브옵스(DevOps) 직무에 취업하기 위해서 백엔드를 먼저 깊게 공부해야 할까요?? 해당 직뮤 인터뷰를 읽어보니 데브옵스(DevOps) 쪽으로만 준비를 하신게 아니고 백엔드와 병행하면서 공부를 해오신 분들이 해당 직무로 이직하시거나, 아니면 처음 입사할 때 팀을 배정받거나 하시더라구요 그래서 공부의 순서가 궁금해요 이분법적으로 나누는걸 좋아하지 않지만... 백엔드(자바/Spring)와 데브옵스(DevOps) 관련 공부를 나누었을 때 어떤 부분을 먼저 선행적으로 공부해야 할까요?? 2. 비전공자나 현재 근무하고 있는 직무랑 연관이 없어도 괜찮나요?? 제가 핀테크나 금융권 IT쪽으로 지원을 하게 된다면 비즈니스 로직쪽은 어느정도 커버가 가능하겠지만 비전공자이고 전 회사에서 관련 없는 직무로 경험을 쌓아왔는데 이런 것들 때문에 필터링을 당하거나 그럴지 궁금해요

Nextjs 13 서버 컴포넌트 데이터 페칭 질문있습니다.

어제 공식문서를 공부를 조금 해봤는데 데이터 페칭은 왠만하면 서버컴포넌트 측에서 한다고 봤습니다! 근데 만약 데이터를 페칭하는데 필터를 거치는 데이터는 어떻게 해야할까요? 예를들면 리스트가 있는데 낮은가격순 높은가격순 등등으로 필터링을해서 다시 데이터를 리렌더링해야하는데 이럴경우 state로 하려합니다. 근데 서버컴포넌트에선 useHook같은걸 못써서 어떻게 해야할지 잘모르겠습니다. 이럴경우 그냥 클라이언트 컴포넌트로 만들고 리액트쿼리 써야하는걸까요?

속상합니다. 좋은질문과 나쁜질문이 무엇인가요?

오늘 유튜브 스트리밍으로 팁스타운에서 진행한 생성형 AI 활용방법에 대한 강연을 시청하고 있던 중 강연 막바지에 QnA 시간을 가지고 있었는데 속상한 일이 있었습니다. 질문에 태클을 거신 다른 유튜브 시청자분이 계셨습니다. 저는 한시간동안의 강연을 듣고 아래 4가지 궁금점을 유튜브 채팅방으로 질문했습니다. 1. chatGPT의 GPT4 모델의 비용이 저렴하지 않은 것으로 알고있습니다. 영어 대비 한글의 토큰은 약 3배가 비싼 것으로 알고있는데 빌표자 A님의 팀에서는 이러한 비용을 절약하기 위해 어떤 방법들을 시용했는지 알 수 있을까요? 2. 발표자A님의 팀에서 사용자들에게 제공하는 GPT4를 활용한 서비스에서 대용량 트래픽을 어떻게 처리했는지 궁금합니다. GPT4에서 반환하는 내용을 서빙하기 위해 에코 서버를 여러대 두고 로드밸런싱하는 형태로 운영하고 있나요? 아니면 다른 방법일까요? 3. 이미지 생성 AI가 종종 부적절한 방법으로 사용되는 사례가 보입니다. 발표자B님의 팀에서는 사용자가 AI 에게 입력하는 부적절한 요구를 어떻게 필터링하고 관리하고 있는지 공유해주실 수 있나요? 4. 발표자 C님의 팀에서 AI를 테스트할 때 프라이버시 레이어, 정보보안 레이어, 윤리 레이어 등으로 나누어 꼼꼼하게 테스트하는 것을 보고 놀랐습니다. 레이어라는 것이 프롬프트 엔지니어링 방식으로 이 레이어를 구성했는지 궁금합니다. 테스트를 하는데 사용하는 테스트 툴이 있다면 간단하게 소개도 해주실 수 있나요? 그리고 다른 시청자분이 저를 향해 이렇게 말씀해주셨습니다...(지금 생각해도 속상합니다...) [OOO님 너무 핑크프린세스같은 질문을 많이 하시네요. 이쪽 분야도 아무것도 모르는분 같은데 구글링해도 나올 내용들을 그저 "알려줘" 하시네요.] 저는 최근에 인공지능에 재미가 붙어 자연어 처리를 공부하고 있습니다. 사내에서 자연어 다중분류 모델을 만들고있고, 그만큼 구글링도 많이하고 chatGPT를 많이 활용하는 프론트엔드 개발자 입니다. 여러분들의 생각이 궁금합니다. 제가 인공지능 분야에 지식이 전무한것은 인정하지만 저의 질문이 정말 핑크프린세스라고 취급받을 만큼 그저 알려줘하는 질문이었나요? 단지 실무에서 경험한 내용을 듣고싶었지만 저렇게 말씀하시는 시청자분을 보고는 낙담했습니다. 만약 여러분이 질문을 받으셨다고 했을때 여러분이 생각하는 좋은 질문과 나쁜 질문의 경계가 무엇인가요?

React에서 정렬 또는 필터에 따라서 Query Parameter를 변경하는 방식과 useState를 변경하는 방식의 장단점이 궁금합니다

정렬 또는 필터링을 구현할 때 React를 예로들어 웹사이트의 Query Parameters를 변경하고 받아와서 만드는 방식과 useState로 url을 변경하지 않고 만드는 방식 둘중에 선택해야한다면 어떤 방식이 더 좋고 그 이유를 알 수 있을까요?.. API 요청은 동일하고 URL을 변경하지 않느냐 변경하느냐 어떤게 더 옳은것인가?... 그런 부분이 궁금합니다 예를들어 정렬화면을 보여줄때 /?sort=ASC 또는 /?sort=DSC로 하고 url의 sort 값을 불러오고 url을 변경하는 방식과 const [sort, setSort] = useState('ASC')로 useState의 값을 변경하는 방식 이 두가지 중 어떤 방법이 더 선호되야하고 그 이유가 궁금했습니다

와이어샤크 http 200 > 304

웹 사이트에 접속하면 접속이 잘 됐다고 200을 표시하고 새로고침을 하면 변경된 사항이 없기에 같은 패킷을 반환해서 304를 띄우지 않나요? 와이어샤크 > wifi > 시크릿탭 > www.google.com > 필터:http > 웹 새로고침 *사용한 브라우저 크롬 위 순서대로 했는데 304가 안 뜨는 이유가 뭘까요....

백엔드 부트캠프후 공부&취업

안녕하세요. 몇일전 자바 백엔드 과정 부트캠프를 수료하였습니다. 이제 취업준비를 시작하면서, 비슷한 경험을 하신 현업분들의 조언을 받아보고싶어서 질문 올립니다. 비전공자로 노베이스로 시작하여서,, 따라가는 과정이 힘들었습니다. 그래도 뒤쳐지지않게 이런저런 강의들을 챙겨보면서 과정들은 이해하면서 따라갔고 , 마지막으로는 springboot+JPA 를 사용한 CRUD(게시판, 댓글,필터,추천,시큐리티)만있는 간단한 프로젝트이지만 기획부터 배포까지 해본뒤 자신감 넘치게수료하였습니다. 이제 취업준비를 해보려하니, 너무 경쟁력없는 평범한 게시판 프로젝트이고 당연하겠지만 프로젝트 이외에도 부족한부분들이 너무~많이 느껴집니다. 1.기술면접- CS지식,자바기초,스프링의구조,네트워크등 전부 두루뭉실하게 알고있는 상태입니다. 2.기술스택- 외부 API를 써보거나 성능개선에관한 작업들(캐시,리팩토링,로드밸런싱등)을 활용해보지 않은것도 많이 걸립니다. 3.코딩테스트- 제일 뒷전으로 미뤄뒀습니다. 탐색,재귀 혹은 그이상 난의도가 나오면 힘듭니다. 이렇게 자가진단을 해보니 정말 이대로 취업하기 부끄러운 수준입니다. ㅠ 제 상태와 취업목표 - 취업준비 최대 3-4달까지도 생각중 타전공 4년 경력(나이가 있다는뜻) 대기업준비X 3년정도는 어디서든 백엔드 개발자로써 일하기만하면 상관없다는 생각입니다. 제가 고민되는 시나리오 - 기술면접 준비만 해서 일단 어디든 취업도전한다. (준비기간 1달이내) - 사이드 프로젝트로 기술스택 추가로 준비하고 기술면접준비후 취업 (준비기간 약 2달) 저같이 비전공자 부트캠프 수료후 취업하신분들이 많으실텐데 아마 같은고민을 했을꺼라 생각합니다. 조언 해주시면 잘 세겨듣고 준비해보도록하겠슴니다!

AWS SNS 설정 관련 질문

AWS SNS 관련 질문이 있습니다. 현재 SNS와 SQS를 같이 사용하고 있는 구조인데, SNS의 MessageAttributes 값을 SQS에서 못 읽어오고 있어요. 메세지 크기 제한에 걸리는 것도 아니고 MessageAttributes로 넣어주는 값도 포맷에 맞게 잘 넣어주고 있는데 첫 10개만 보내지고 나머지는 안보내지더라구요. 혹시 이유를 아시는분 계실까 하여 질문 올립니다. 추가적으로 MessageAttributes 말고 그냥 Message를 사용해서 필터 조건을 걸 수 있는지도 궁금합니다. 아시는 분 계시면 간단하게라도 답변 부탁드려요. 감사합니다.

rest api 쿼리 스트링 vs path variable 선택하는 기준?

api 요청시 필터링된 값을 가져올 때 쿼리스트링이나 path variable을 사용하는데요 어떤 상황에서 어떤 방식을 선택해야하는지 적절한 기준을 알고 싶습니다. 현업에서 개발하고 계신 백엔드 선배님들은 어떤 기준으로 사용하고 계신가요?