next.js 하고 express.js 로 웹앱 개발중인데

next.js 에서 express 쪽으로 request 날릴때 express 에서 csrf 검증을 통해서 요청을 검증하고 싶은데 csrf token 발급을 어떻게 해야할지 감이 잘 안와서요 next.js 에서 express로 csrf token 발급 request를 날려서 발급받은 csrf token을 쿠키에 저장하는 방법이 좋을까요?

JS 파일 쪼개는 좋은 방법이 있을까요?

제가 사용하고 있는 js 파일에 class가 엄청 많아서 (코드가 1만줄이 넘어가요..) js 파일들로 쪼개고 그걸 export -> import 해서 사용하는 방식으로 바꾸려고 합니다. 그런데 전역 변수가 너무 많아요.. 그리고 그 전역변수가 거의 모든 class에 영향을 주고받고 있습니다 ㅠㅠ 이런 경우에는 js 파일을 어떻게 쪼개야 할까요? 전역변수가 있으면 클래스를 쪼개기 어려울까요? ㅠㅠ

프론트쪽에서 null값 체크할 때, 동등 연산자(==)와 일치 연산자(===)중에 뭘 쓰시나요?

저는 일치 연산자를 사용하고 있는데, 다른 팀원들은 null 값 체크할 때 동등 연산자를 많이 쓰더라고요. 다른 분들은 어떤 걸 쓰시는지, 동등 연산자는 어떤 부분에서 편한지 궁금합니다!

자바언어공부하는방법,어려움

자바나 자스 독학한지 한달 거의 가까이 되어가고 문법공부를 하면서 문제풀이도 하고 있습니다 근데 문제를 보면 이걸 어떻게 풀어야 하는지 감도 안오고 직접 풀자니 어떻게 할지 도저히 모르겠더군요 그래서 답안지를 보면 제가 상상도 못한 답안지가 딱 나옵니다 그래서 그 구조를 이해하고자 코드를 따라쳐보고 이해할려고 노력해봤지만 여기서 이게 쓰여? 이게 왜 여기 들어가고 이런 코드를 쓰는거지?라는 이상한 의구심만 듭니다 이렇게 쓰면 이렇게 작동되는구나가 아니라 이게 왜 이렇게 쓰여서 결과가 이렇게되는거지? 라는 생각만 들어 요즘 독학하면서 정말 좌절감만 옵니다 문법을 열심히 공부하여 이해하고 메모도하고 예제도 풀어서 자신 있다고 생각하였지만 풀이문제를 보면 정말 답도없더군요 수학문제마냥 답안지를 안보면 절대 못풀겠어요 문법을 열심히 공부했더라면 풀줄 알아야 하는거 아닌가요?... 여러분들은 공부를 어떻게 했는지 궁금합니다.. 제가 괜히 이상한 생각을 하는게 아닌지 개발머리가 없는건지 모르겠습니다

제이쿼리 조건문 ㅠㅠ

1depth 2depth 3depth 메뉴가 있는데, 2depth에서 끝나는 메뉴(즉, 3depth가 없는 2depth)에는 +를 붙이지 않고 2depth에서 3depth까지 펼쳐지는 메뉴에는 +를 붙이려고 하는데, 이거 조건문을 어떻게 써야할까요 ㅠ

바닐라JS 로그인폼 질문 드립니다.

최근 토이프로젝트겸 친구가 운영하는자영업 웹페이지를 제작하고있습니다. 회원가입기능과 예약기능을 설계하면서 여러 웹사이트를 참고하고자 둘러보았는데 대부분의 기업 (N사 G사등등)로그인버튼 클릭시 모달팝업이 노출되거나 별도의 로그인폼페이지가 로드되었습니다. 하나의 페이지에서 사용자의 입력을받아 로그인이나 회원가입기능을 수행할 수 있다고 생각되는데 위와같은 방법으로 하는 특별한 이유나 디자인패턴이 있는지 질문드립다.

4년차가 되어가는 프리랜서개발자

기술적으로나 앞으로의 미래를 위해 내가 어떻게 공부를 하고 어떻게 준비를 해야하는지 걱정이고 고민이네요. 현재 프로잭트에서는 자바스크립트 자바 html css 제이쿼리 이정도만 하는데 이 부분들을 탄탄하게 만들지 다른 신기술들을 빨리 공부해야할ㅈ 모르겟네요~

배열 내부에서 삼항연산자 사용할 경우 결과가 다르게 나오는 이유가 알고싶어요.

const ewq = [1?({age:10},{age:105},{age:120},{age:15}):{age:1}] 여기서 콘솔에 ewq를 찍으면 {age:15}만 나오는데 저는 ({age:10},{age:105},{age:120},{age:15})가 나올거라고 생각했습니다. 맨 마지막인 {age:15}만 나오는 이유는 무엇일까요? ㅠㅠ

배열안 객체로 이루어진 스테이트를 문자 오름차순으로 정렬하는 방법?

안녕하세요 고수님들 제가 배열안 객체로 이루어진 스테이트를 문자 오름차순으로 정렬하려고하는데 잘 되지않아 질문남깁니다. 코드에서 title은 string입니다.

알고리즘 문제 푸는데 간결한 코딩을 지향해야 하나요?

안녕하세요 최근에 처음으로 codewars에서 알고리즘 문제를 풀어보고 있습니다. 문제를 풀어보니 답은 맞긴하지만 다른 사람들의 코드를 보니 엄청나게 짧더라구요. 문제를 풀 때 코드를 최대한 짧게 하려고 노력해야 하나요? 나중에 코테를 본다면 결과만 확인하나요? 아니면 작성한 코드까지 평가가 되나요?

다시 코딩을 시작하려고 하는데 자바 스크립트부터 시작하는 게 좋나요?

대학때 어려워서 포기했다가 졸업 후 다시 시작하게 된 케이스입니다. 대학 졸업을 하니 포기했던게 계속 생각나서 다시 비전공자처럼 시작하려고 하는데 자바 스크립트부터 우선적으로 배우는게 좋을까요? 현재 무슨 언어부터 시작해야 될지 감이 잡히지 않아 어려운 상태입니다. 설상가상으로 배운 것 대부분을 잊어 버렸고요. 개발자가 되고 싶은데 막막해서 질문해봅니다. 추가적으로 자바 스크립트 말고 도움이 되는 언어도 추천해 주시면 감사하겠습니다.

JSON 데이터 최적화 어떻게 하시나요?

안녕하세요! 현재 엑셀 시트를 JSON 데이터로 변환하여 사용중인데 이 JSON데이터(JSON.stringify)가 12~13MB정도 됩니다 공백을 JS 정규식을 이용하여 제거하니 1MB정도 날라가긴 하지만 시트가 손상됩니다 ㅠㅠ 한번씩 브라우저가 뻗기도 합니다..ㅎㅎ 최적화 해보신 분들이나 좋은 아이디어가 있으신분있으신가요?!? 도와주세요!!

scrollIntoView를 이용해서 스크롤 하는 법?

scrollIntoView를 이용해서 스크롤을 하는데요, 화면의 상단으로 잘 이동하는데 문제는 맨위의 GNB가 해당 내용을 가려버려요. GNB는 fixed여서 숨기거나 이동을 할수가 없어요 ㅜ 혹시 scrollIntoView로 이동하고 GNB만큼 스크롤을 이동시킨다거나 하는 옵션은 없나요?

객체를 만들 때 차이점

안녕하세요. 자바스크립트를 공부하고 있는 초보자입니다. 객체를 공부하다가 궁금한점이 생겼는데 스스로 해결하지 못해서 질문남깁니다. 객체를 다수 만들 필요성이 있을 때 생성자함수를 사용한다고 하는데, 그 전에 객체를 만드는 함수라고 함수를 하나 만들었더라구요 function makeObject(name, age) { return { name, age, }; } const Mike = makeObject("Mike", 30); function User(name, age) { this.name = name; this.age = age; } const Jane = new User("Jane", 30); console.log(Mike); console.log(Jane); 코드는 위와 같고 출력은 아래와 같습니다 { name: 'Mike', age: 30 } User { name: 'Jane', age: 30 } 그냥 함수를 써서 객체를 만드는 것과 생성자 함수를 써서 객체를 만드는것의 차이가 무엇일까요?

잘되던 스크롤이동 기능이 갑자기 먹통이 됬습니다.

다른 브라우저에서 문제 없이 동작하는 scrollTo로 스크롤 이동시킨 기능이 제 컴퓨터 크롬에서만 동작하지 않는데 이게 이유가 뭘까요... 제 컴터 파이어폭스, 네이버웨일, 엣지 브라우저에서는 문제 없이 동작하는데 제 크롬에서만 아예 먹통이네요...? 심지어 다른 분 컴터 크롬에서는 또 잘 동작합니다... 이유가 뭘까요.....? 혹시 제가 발견못한 코드 수정이 있나 해서 한참전 브랜치로 롤백도 해보고 강력새로고침으로 캐시도 초기화 해봤습니다... 그런데도 증상은 같네요..;;;

제이쿼리에 대해 질문드립니다

안녕하세요. 프론트엔드 개발자를 목표로 열심히 공부하고 있는 비전공자 입니다. 최근 Javascript 를 공부하고 있습니다. 공부하는 중에 jquery가 도서관에 관련된 책도 많고 언급도 많이 되서 공부해야하나 싶지만 또 굳이 안해도 된다는 말도 있어서 공부하는데 고민이 많이 되는거 같습니다. 원래 이후 vanilla js와 react를 공부할 계획이었는데 어떻게 공부하면 좋을지도 감이 안잡히는것 같습니다. Jquery 현업에서 많이 쓰는지 궁금합니다. 그리고 최근 UI/UX 디자인도 흥미가 생겨서 이부분은 어떻게 추가적으로 공부하면 좋을지 궁금합니다.

프로그래밍 언어를 익힌다는 것은 무엇일까요?

안녕하세요! 많은 공고를 보면 '특정 언어를 능숙하게 사용하는 자‘ 라는 조건이 심심치 않게 보이는데요ㅎㅎ 문득 특정 언어를 능숙하게 사용하는 것이 무엇인지, 언어를 공부하는 것이 어떤 것인지 궁금해졌습니다~ 저도 파이썬을 사용한지 1년이 지났지만 이 언어를 잘 사용하고 있는지 확신이 들지 않기도 하고요ㅠㅠ 언어에서 제공하는 함수 API를 잘 알고 활용하는 것? 내가 타이핑한 코드의 메모리 사용이 어떻게 되는지 예측할 수 있는 것? 이 언어의 등장 배경과 타언어와의 차이점을 아는 것? 저는 언어를 능숙하게 다룬다는 것이 어떤 것인지 잘 모르겠어요 🥲 커리어리 유저분들의 생각은 어떤지 궁금합니다!!

firebase 로그아웃 에러가 납니다.

index-30f3030e.js?7426:1267 Uncaught (in promise) TypeError: Cannot assign to read only property 'isRunning' of object '#<ProactiveRefresh>' at ProactiveRefresh._stop (index-30f3030e.js?7426:1267:1) at UserImpl._stopProactiveRefresh (index-30f3030e.js?7426:1681:1) at AuthImpl.directlySetCurrentUser (index-30f3030e.js?7426:2588:1) at eval (index-30f3030e.js?7426:2442:1) _stop @ index-30f3030e.js?7426:1267 _stopProactiveRefresh @ index-30f3030e.js?7426:1681 directlySetCurrentUser @ index-30f3030e.js?7426:2588 eval @ index-30f3030e.js?7426:2442 로그아웃 함수를 실행하면 위와 같은 에러가 나는데요. 로그아웃을 하고 싶은데, 로그아웃이 되질 않아서 useEffet로 로그인 상태를 감지하는 함수에서도 계속 로그인이 된 상태로 나옵니다 ㅜㅜ

3D같이 아바타의 움직임을 자바스크립트로 구현 할 수 있나요? 어떤 기술을 배워야 할까요

웹에 3D 요소를 추가하고싶은데요 웹은 next.js로 구현되어 있습니다. 굳이 말하면 2D의 웹 사이트인데 여기에 간단하게 움직이는 아바타를 추가하고 싶습니다. next.js에 자바스크립트로 3D요소를 추가할 수 있을까요? 가능하다면 어떤 기술 또는 라이브러리를 공부해야하는지 궁금합니다!

순수객체로 추상화 되었다는 말의 의미?

블로그 글을 읽다가 이해가 안가는 부분이 있어서 찾아왔습니다.. "순수객체로 추상화" 되었다라는 말이 어떤 말인가요? 순수 객체가 무엇인지는 알겠는데, 저 말을 보니 제가 제대로 이해하고 있지 못한 것 같아 질문 올려 봅니다. 블로그 글: https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Virtual-DOM/#_3-%E1%84%80%E1%85%A1%E1%84%89%E1%85%A1%E1%86%BC%E1%84%83%E1%85%A9%E1%86%B7-virtualdom

아래 사진과 같은 GNB를 만들어야 합니다.

위쪽에 있는 메뉴에 마우스를 올리면 전체 메뉴가 드랍 되는 형태의 헤더 인데 위쪽 메뉴에 마우스를 올리면 텍스트 컬러와 밑줄이 생기고 그 상태가 유지 되면서 하위 메뉴를 컨트롤 해야 하는데 마우스 커서를 하위 메뉴 쪽으로 가져갔을때 위쪽 메뉴의 컬러와 밑줄을 어떻게 컨트롤 해야 할지 잘 몰라서 질문 드립니다.. 사진이 왜케 깨지는지 잘 모르겠네요 ..

node환경에서 크롤링하기

node환경에서 크롤링 하려고 하는데 라이브러리 추천 해주세요!

필기앱 기술에대한 질문

안녕하세요 필기어플을 한번 만들어보고싶어서요 대학생인데 아직 2학년입니다. 필기앱을 만드는데있어서 일렉트론을 사용해서 윈도우앱형식으로 만들고싶은데 들어가는 기술들이 어떤것들이있을지 궁금해서요 필기인식이나 필기속도 이런것들을 어떻게 구현하는지 궁금합니다. 디자인은 html css 기능은 자바스크립트나 여러 라이브러리를 이용해볼까해요 아직 모르는게 많습니다 많이알려주시면 많이검색해보겠습니다!! (인공지능도 들어간다고하는거같은데.. 자세히설명해주시면 감사하겠습니다 ㅠㅠ)

[react-native] android 에서 toLocaleString 사용되나요?

javascript를 이용해서 웹을 제작할 때 toLocaleString을 사용해서 세자리마다 ,를 찍을수있도록 동작했었습니다. 이를 동일하게 react-native에서도 사용하려고 했는데요. 안드로이드에서는 세자리 수마다 콤마가 나오는것이 동작하지 않네요? 저만 이상한가요??

(js 초보 질문) scrollEventHandler() 함수 위에 scrollPositionY 변수를 0으로 초기화 시키는 이유가 궁금해요.

안녕하세요 JS 기초 관련 질문 드립니다! 질문) 아래 코드에서 왜 scrollEventHandler() 함수 위에 scrollPositionY 값을 0으로 초기화 시키는지 이유가 궁금합니다.

React.js 검색필터 이해가 가지 않는 부분이 있습니다

안녕하세요 찾아봐도 이해가 잘 안되어서 질문드립니다 검색필터를 만드는데 코드를 보니까 제가 이해한게 맞는지 틀린지 알고싶습니다 includes안 toLowerCase() 가 검색입력값이 대문자 소문자 구분해주는거라고 이해하면 되나요? 소문자오면 true 대문자오면 false 라고 이해하면될까요? title옆 toLowerCase() 가 기존배열값을 소문자로 만들어주는거로 이해하면될까요? 이것이 맞다면 아래에 사진을 보시면 filter에 obj.toLowerCase() 를 주었는데 BAT가 나오는데 소문자가 아닌 왜 대문자가 나오는지 이유를 알고싶습니다 답변부탁드립니다🙏🙏

Nginx 에서 던지는 413에러 처리하는법

안녕하세요! 처음 질문 남겨봅니다 Nginx 에서 용량이 너무 크면 413에러를 던지는것 까진 좋은데, 이후에 사용자에게 해당 에러는 용량이 너무 커서 발생했다는걸 알려주려고 합니다. 그런데 catch error를 해보면 status가 따로 없이 그냥 network error 아니면 CORS가 뜨더라구요. 혹시 이런경우에 어떻게 해야하는지 알수 있을까요?

자바스크립트 협업시 궁금한 점이 있습니다!

자바스크립트로 프론트 1명과 백엔드 1명이 협업으로 토이프로젝트를 한다고 가정했을때요, (포폴용 협업 플젝 느낌..) nodejs랑 express로 port 설정해서 app.use() 같은 작업은 백엔드가 하는건가요..? 혼자 프로젝트를 하면서 프론트부터 nodejs 까지 다 만지다보니.. 뭔가 좀 구분하는게 어렵습니다.. 예를들어, router.js 파일에는 app.route("/board").get(function).post(function2); 이런 코드가 있고 controller.js 파일에는 const renderBoard = () => { return res.render("board"); }; 이렇게 board를 render 해주는 코드가 있다고 치면요.. renderBoard 함수는 말 그대로 board라는 템플릿을 화면에 뿌려주는거니까 프론트 개발자가 작업하고 app.route ~ 코드는 서버와 통신하는거니까 백엔드가 작성하는건가요?? 그래서 협업할 땐, 프론트 왈: "야 /board get 할때 함수 이름 function이고, post 할땐 function2다" 아니면 반대로, 백엔드 왈: "야 /board get함수 이름 function 이고 post는 function2 니까 헷갈리지 말고 짜라!" 라고 말하는건가요... 죄송합니다.. 말로 설명하면 깔끔할 것 같은데 글로 쓰니까 좀 이상하네요... restful api가 결국엔 서버와 통신을 하기 위한건데.. 만약, route하는 코드부터 get, post할 때 작동할 function 까지 전부 백엔드가 작업하는거라면, 프론트는 html, css + 동적웹을 위한 js를 해주면 되는건가요? 제가 배운거로는.. pug같은거 사용해서 템플릿 뿌려준다거나, scss를 적용한다거나.. 물론 이때 필요한 npm 사용법이나, package.json 설정법 등은 프론트가 해야겠죠!! 아직 협업 경험이 없다보니.. 실제로 협업을 하게되면 어떻게 업무를 나누는지 궁금합니다. 글이 좀 두서없네요. 아으.. 근데 이 뭔가 가려운 부분을 긁어주고싶습니다ㅜㅜ 선배님들 조언 부탁드립니다.. 답변 미리 감사드립니다!!!