개발자 Q&A

토픽

인기 태그

#javascript

기술

Promise.all과 Promise.allSettled 차이

최근 회사에 입사해서 여러 코드를 보고 있는데 Promise.all과 Promise.allSettled를 많이 사용하고 있더라고요. 두 method가 구별되어서 사용되지는 않고 있는데 크게 문제는 없습니다. 검색해보니 Promise.all은 하나만 실패해도 결과를 얻을 수 없고, Promise.allSettled는 전부 결과를 얻을 수 있다고 하네요. 각각을 어떤기준을 가지고 현업에서 사용하는지 알고싶습니다.

답변 1 • Up 3

2일 전 • 조회 47

기술

lodash 체이닝(_.chain)은 왜 사용하나요?

안녕하세요 로대쉬를 사용하다가 궁금한점이 있어서 질문 남깁니다. sortBy.map.filter 이런식으로 chain메서드 없이도 체이닝을 할 수 있는데 chain 메서드는 왜 사용하는지 어떤 장점이 있는지 문득 궁금해졌습니다. 혹시 이유를 아시는 분 있으시면 답변해주시면 큰 도움이 될 것 같습니다!

답변 1 • Up 5

2일 전 • 조회 70

기술

당근 과제 전형 질문 있습니다!

안녕하세요!! 당근 마켓에 가고 싶은 대학생입니다!! 프론트쪽으로 해서 가고 싶은데 채용 정보를 보니 코테가 없고 과제 전형만 있는 거 같아서요!! 과제 전형이 어떤 건지 잘 감이 안와서 그러는데, 저희가 포트폴리오 준비하면서 프로젝트 하는 것 처럼 어떤 웹 페이지를 주어진 시간안에 짜와라 이런 건가요? 그리고 혹시 이런 과제 전형을 위해 준비해야 하는 건 어떤 것이 있을까요?? 자바스크립트로 자료구조, 알고리즘 같은 거 공부하는 등이 필요할까요?

답변 1 • Up 1

5일 전 • 조회 216

기술

ajax 통신을 통해 DB 저장된 값을 호출

그림과 같이 옵션1 혹은 옵션2를 선택하고 저장하기 버튼 클릭후 입력하기(다른 URL로 이동)를 꼭 거치게 하고 싶은데요. 라디오 버튼(옵션 1 혹은 옵션2)은 체크하는 함수는 작성완료했지만, "라디오 버튼은 체크했지만, 저장하기 버튼을 클릭하지 않았을 때 경고창을 뜨게 하고 싶습니다." 저장하기 클릭 시 자바스크립트 -> controller -> service -> xml을 거쳐 db에 옵션 1값 혹은 옵션 2값이 입력되는 구조이구요, 한 페이지내에서 입력하기 버튼을 클릭 했을 때 '저장하기'를 실행했는지 체크하고 싶은데, 어떻게 작성하면 될까요 고수님들 ㅠㅠ

답변 1

9일 전 • 조회 79

커리어

대기업 코딩테스트 언어선택

안녕하세요, 대기업 코딩테스트를 준비하고있는 취준생입니다. 준비하고 있는 포지션은 iOS인데, 준비 자료가 비교적 적어 다른 언어로 준비를 하려고 하는데 이 부분이 문제가 될지 말씀을 구하고 싶습니다 감사합니다

답변 1 • Up 2

10일 전 • 조회 233

기술

Javascript에서 || 와 ?? 가 뭔가요?

제목 그대로입니다. 자바 스크립트에서 || 나 ?? 또는 ||= ??= 이런 코드를 몇번 봤는데 뭔지 모르겠더라구요. 어떻게 검색해야 나오는지도 감이 안잡혀서 여기다가 질문 올립니다! 뭔가 용어가 따로 있을것 같은데, 용어도 알려주시면 감사하겠습니다

답변 3 • Up 1

10일 전 • 조회 133

기술

리액트에서 컴포넌트 직접 접근 후 값 수정하기

안녕하세요! 최근에 리액트를 접해서 연습삼아 리액트로 미니 게임을 만들고 있습니다. 컴포넌트를 클릭하면 해당 컴포넌트의 위치가 랜덤하게 바뀌는 걸 구현 하고 싶은데 방법을 모르겠습니다.(하늘에서 별이 랜덤으로 반짝 반짝 하듯이) 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()+”%”; 이런 식으로 생각했는데 리액트에서는 어떻게 하면 좋을까요..? 구글링만 하루종일 했는데 해결법을 못 찾아 질문 남깁니다 ..!

답변 1 • Up 1

12일 전 • 조회 184

기술

플러터와 리액트 웹뷰 연계 이미지 파일 업로드 질문 입니다..

현재 웹뷰 앱 작업 중에 플러터의 네이티브 기능(사진 촬영 후, 자르기)이 필요해, 리액트 내부에서 리스너를 통해 플러터를 호출하여 데이터를 받습니다. 근데.. 플러터에서 넘겨주는 데이터는 파일 객체가 아니라, 해당 이미지의 경로만 보내줍니다. 이미지 경로에 직접 접근해서 이미지 파일을 렌더링 해야하는데 어차피 갤러리를 참조해야하는거면 웹처럼 require를 통해 이미지 경로를 적어줘야하는건지.. 어떤 방식으로 경로로 접근해 이미지를 뿌려줄 수 있을 지 갈피가 안잡힙니다..

답변 0 • Up 1

13일 전 • 조회 64

기술

화살표 함수에서는 왜 this가 자신이 속한 객체를 가르치지 않나요?

자바스크립트에서 객체 안에 함수를 넣으려고 하는데 화살표 함수에서는 function에서의 함수와 다르게 this가 자신이 속한 객체를 가리키지 않는다고 하더라고요. 왜 같은 함수인데 this의 의미가 다른 건가요? 선배 개발자 분들의 답변 미리 감사합니다.

답변 2 • Up 1

13일 전 • 조회 93

기술

자바스크립트 페이지 새로고침 시간 줄이는 법

저장 함수 실행 시 location.href = location.href; return false; 로 페이지 새로고침 후 그 페이지에서 머무를 수 있게 하는데, 새로고침이 짧은 시간에 반영되는 게 아니라 2초 정도 기다렸다가 반영됩니다 ㅠ 이 시간 좀 빠르게 줄일 수 없을까요? 예를 들어 페이지는 그대로 두고, 저장되었습니다 alert 창만 실행하게 한다든지...

답변 2 • Down 1

16일 전 • 조회 100

커리어

개발자 분들의 현실적인 조언

안녕하세요. 현재 기계공학과 3학년에 재학중인 학생입니다. 공학에 대한 흥미가 없는 상태에서 새로운 방향을 찾아가던 중 막연하게 개발자가 멋있어보여서 최근 개발공부를 시작하게 되었습니다. 현재 자바스크립트를 공부중인데 재밌기도 하고 적성에 맞는거같아 진로방향을 개발자로 잡아가고 있습니다. 주변에 개발에 대해 전문적인 지식을 갖고있는 사람도 없고 도움 받을곳이 없어서 무작정 유튜브만 보면서 공부중입니다. 현재는 소프트웨어 학과로 전과를 고민중인데 전과를 한다면 1년 동안은 초과학기를 해야합니다. 여기서 드는 생각이 1년 동안 학교를 더 다닐바에 차라리 it회사에 개발자 인턴으로 들어가서 직무경험을 더 하고싶기도 합니다. 그렇지만 과연 비전공자를 인턴으로 채용해 줄지도 미지수이기 때문에 더욱 고민이 되는 부분인 것 같습니다. 현직자 분들의 경험을 토대로한 조언을 듣고싶습니다.

답변 2

17일 전 • 조회 214

기술

React를 깊게 공부 하기 vs 바닐라 자바스크립트로 SPA, Component 구현해보기

안녕하세요, 프론트엔드로 구직중인 초보 개발자입니다. 최근에 바닐라 자바스크립트를 사용해서 SPA를 구현해보는 기업 과제를 받았습니다. 평소에 React로 프로젝트 2개정도 한 실력이고 바닐라 자바스크립트는 기본 문법이나 Closer 같은 면접 지식만 알고 있어서 과제를 하나도 구현하지 못했습니다.. 과제를 풀고 드는 고민은 React를 더 공부하기 전에 바닐라 자바스크립트로 SPA, Component같은 부분을 구현해봐야하나 생각이 들더라구요.. 바닐라 자바스크립트로 저런 개념들을 구현할 줄 아는게 필수일까요? 아니면 React를 더 깊게 공부할까요 실무에 계신분들의 의견이 궁금합니다.

답변 2 • Up 3

21일 전 • 조회 274

기술

코드에 띄어쓰기는 왜 추가하나요?

자바스크립트와 파이썬을 공부하고 있는데, 예제 코드를 보니까 변수나 연산자마다 띄어쓰기가 되어 있더라구요... 띄어쓰기 안해도 결과가 달라지진 않던데.. 띄어쓰기를 하는 것이 더 좋나요? 아니면 암묵적으로 정해진 규칙일까요? 그렇다면 그 규칙은 왜 만들어지게 된 것인지 궁금합니다!

답변 2

23일 전 • 조회 192

기술

null과 undefined를 나누어 사용하는 이유가 무엇인가요?

javascript 공부중인 학생입니다. '없음'은 null과 undefined로 나누어 사용한다고 하는데, 이 둘의 차이는 알겠으나 왜 이 두개를 나눠서 다르게 사용하게 된 것인가요? 값을 지정하지 않았다는 것과 없다는 것이 코드를 짤 때 큰 차이를 가져오게 되나요? 소중한 답변 감사합니다.

답변 3 • Up 3

23일 전 • 조회 191

기술

let과 const 중에 어떤 걸 더 자주 쓰시나요?

코드 짜실 때 보통 재할당을 고려해서 let을 더 많이 쓰시나요 아니면 그냥 상수인 const를 많이 쓰시나요? 검색해 보면 let과 const의 차이만 알려주고 어떤 경우에 let을 쓰는지 또 어떤 경우에 재할당이 필요한건지 나오지 않아서 질문 올려 봅니다..ㅠ

답변 3 • Up 2

25일 전 • 조회 232

기술

연산할 때 코드를 왜 a = a + 3; 이렇게 쓰는지 잘 모르겠습니다...

진짜 기초적인 내용인데.. 이해가 안 되는 부분이 있어서 질문 남겨 봅니다. 대입 연산자를 공부하고 있는데, 예시 코드가 이렇게 되어 있습니다. let a = 1; a = a + 3; 두 번째 줄이 a에다가 3을 더해라 라는 뜻인 것은 알겠는데(console.log(a); 해보면 1+3=4가 나오기도 하고요) 왜 `a = a+3`이라고 쓰나요..? 수학적으로 a는 절대 a+3이 될 수가 없는데 왜 a = 이렇게 쓰는지가 궁금합니다. 다른 개발자 분들은 처음에 이거 안이상하셨나요....? (별개로 a+= 3; 하면 3이 더해진다는 건 이해했습니다....ㅎㅎ)

답변 5 • Up 10 • Down 1

25일 전 • 조회 959

커리어

자바스크립트 리액트

html css Javascript 를 순수대로 동시에 공부하려 합니다 이중 Javascript는 리액트를 포함한 프레임워크가 있는걸로 아는데 순수 Javascript를 하고 래액트를 하는게 좋을까요 처음부터 리액트로 할까요?

답변 3 • Up 1

한 달 전 • 조회 187

커리어

프론트엔드 스택의 우선순위를 어떻게 두어야할까요?

제가 괜찮은 회사들 공고보고 정리한 스택들 입니다 Html css 자바스크립트 리액트 깃은 겉핥기 식으로 알고 있습니다 공부를 해야하는데 양이 너무 방대합니다 프론트엔드 개발자가 되려고 하는데 1. 우선순위를 매겨주셨으면 좋겠습니다 2. 딥하게 들어가야할 스택을 꼽아주셨으면 합니다 3. 겉핥기 식으로 간단하게 짚고 넘어가도 될 스택도 집어주시면 감사하겠습니다 감사합니다

답변 2

한 달 전 • 조회 280

커리어

html css Javascript 공부 추천

제목의 3가지를 공부하려 하는데 보기 좋은 유튜브강의나 책이 있으면 추천 부탁드립니다

답변 1 • Up 4

한 달 전 • 조회 196

기술

Javascript에서 왜 더이상 var를 사용하지 않나요?

안녕하세요, 이제 막 시작한 코딩 초보입니다. 변수 선언에 대해 배우는 중인데, var은 이제 거의 쓰지 않고 let이나 const로 바꾸어서 사용한다고 배웠습니다. 궁금한 점은 다음과 같습니다. 1. 왜 var 대신 let과 const가 더 좋나요? 2. 그럼 var은 더이상 배우지 않아도 문제 없을까요? 선생님께서는 쓸 일이 거의 없을 거라고 하셨는데, 개발자 커뮤니티 등등 찾아보면 var에 관련된 내용이 은근 많은 것 같아서요..! 감사합니다. 즐거운 연말 되세요 ㅎㅎ.

답변 4 • Up 12 • Down 1

한 달 전 • 조회 1,542

커리어

프론트엔드 개발자 취업 잘 될까요?

국비지원을 통해 웹 퍼블리셔과정을 수료했습니다! 근데..지원자가 많기도하고.. 취업이 잘 안되더라구요..ㅠ 그래서 프론트엔드 개발자가 되기위해 추가적으로 더 공부를 하려고 합니다! 궁금한건..공부를 하고 바로 취업이 가능할까요..? 또 지원자가 너무 많아서 서류부터 떨어뜨리는 일이 많이 생길까요?

답변 2 • Up 2 • Down 5

한 달 전 • 조회 386

커리어

프론트엔드 개발자 독학 팁

이제 시작해보려고 하는데 책이나 강의 추천해주실수있나요 ??

답변 2 • Down 2

한 달 전 • 조회 261

커리어

코딩테스트 시작 전 질문드립니다

자바스크립트로 코딩테스트 준비를 할려고 하기에 앞서 알고리즘 책을 사서 공부를 하고 시작을 해야 하나요 코딩테스트 하면서 공부해 나아가야 할까요?? 코딩 테스트에 추천 해주시고 싶은 책이 있으실까요?

답변 2 • Up 1

한 달 전 • 조회 241

기술

테스트 코드를 어떻게 작성하시나요?

구현한 기능에 대한 테스트 코드를 작성할 때 제가 만든 것에 대해서 테스트 코드를 작성한다는 게 약간 어색한 것 같습니다 ㅠㅠ 제가 작성하는 테스트 코드에는 이미 제가 고려했던 엣지케이스가 포함되어 있을 거라 제가 놓친 부분을 테스트 코드를 작성해서 발견할 수 있는지 약간 의문이 듭니다. 테스트 코드의 목적이 기능의 결점을 발견하는 것인데, 어떻게 해야 더 좋은 테스트 코드를 작성할 수 있을까요? 다른 분들은 테스트 어떻게 하고 계신지도 궁금합니다 ㅠㅠ !!

답변 3 • Up 13

한 달 전 • 조회 1,200

기술

세미콜론(;)을 계속 사용해야 할까요?

2년차 주니어 개발자입니다. 세미콜론이 꼭 필요한 것은 아니지만 세미콜론을 적었을 때 코드가 더 읽기 편해진다고 배워서 저는 쭉 세미콜론을 사용해왔습니다. 그런데 자바스크립트 코드에서는 세미콜론을 사용하지 않더군요. express, typescript 최신의 예제 코드들을 볼 때마다 세미콜론이 없었습니다. 유튜브에서도 많은 분들이 모든 코멘드 끝에 세미콜론을 그만 적어도 된다고 말하더라고요. 보다보니 제 눈에도 세미콜론이 없는 코드가 좀더 깔끔해 보이는 거 같습니다. 개인 프로젝트일 때는 세미콜론을 안쓰는 건 온전히 제마음이지만 회사 업무를 하거나 사이드 프로젝트로 다른 사람들과 개발을 할 때는 정해진 코드 스타일에 맞춰야 할텐데.. 회사에서나 다른 사람들과 함께 하는 프로젝트에서도 세미콜론을 사용하지 않는 쪽으로 코드 스타일을 정한 경험이 있으신가요? 세미콜론에 대한 다른 개발자 분들의 의견이 궁금합니다!

답변 2 • Up 3

한 달 전 • 조회 271

기술

모바일 웹 개발할 때 키보드 모양 설정 방법

안드로이드로 모바일 웹에서 키보드를 사용할 때 어떨 때는 하단에 www.이 뜨고 어쩔 때는 숫자만 입력하게 키보드가 변경하고, 또 enter모양이 검색으로 변경되어 있기도 하고 다양한데요 이런것들을 설정하는건 javascript로 설정하는 건가요?

답변 1 • Up 2

한 달 전 • 조회 107

기술

자바스크립트에서 객체를 만들 때 함수와 Class 중에서 어떤 걸 사용해야 하나요?

예를 들어서 이름, 나이, 키, 몸무게 이렇게 4가지 속성을 가진 사람을 나타내는 객체를 만들어야 하는 상황이라고 할 때 Person 함수 const Person = (name, age, height, weight) => { return { name, age, height, weight }; } 클래스 class Person { constructor(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } } 위처럼 두가지로 표현할 수 있는데, 객체를 생성하는 `Person()`함수를 만드는 것보다 클래스를 사용해야 하는 이유가 있을까요..?

답변 1 • Up 2

2달 전 • 조회 227

기술

vanilla javascript에서 객체 지향 코드로 작성하는 게 더 좋은가요?

C++이나 파이썬은 좀 다뤄봤지만 자바스크립트는 초보인 주니어 개발자입니다. 자바스크립트 이전에는 객체 지향적으로만 코드를 짜봤습니다. 노드를 사용해보니 분리된 파일들을 import 하는 개념이 oop같다고 느꼈습니다. 그런데 최근에 html 파일에 직접 코드를 작성하여 굉장히 간단하게 사용하는 방법을 알아내었는데요. 예를 들면 별도의 파일에 클래스를 만든 다음 <script src=""foobar.js""></script>를 사용하여 해당 클래스를 html 메인 메서드로 임포트하는 식 입니다. 이런 식으로 자바스크립트를 사용하는 게 효율적이고 일반적인 방식인지 궁금합니다! 관련해서 가벼운 의견이라도 좋으니 답변 부탁드립니다! 미리 감사합니다 :)

답변 1 • Up 3

2달 전 • 조회 267

기술

자바스크립트 http 통신 할 때 왜 fetch를 사용하지 않고 라이브러리 사용하는 이유

학원에서 API요청이라는 것을 처음 배우고 fetch를 통해 API request를 통해 response를 받았습니다. 그런데 학원에서 이제 원리를 알았으니 라이브러리를 사용하라고 하네요 axios 라는 라이브러리를 사용하라고 하는데 axios라이브러리는 필수 인가요? 왜 fetch를 사용안하고 axios라는걸 써야하는걸까요?

답변 2 • Up 4

2달 전 • 조회 186