$ 변수, render() 함수?

Question

안녕하세요. 최근에 코딩테스트를 쳤는데 프로젝트 였습니다. VanillaJS로 구현하는 것인데, 노마드코더에서 열심히 배운경험을 토대로 준비하여 나갔습니다. 그런데 문제를 보고 당황을 많이했었네요. - '??' 연산자..? - this.$target $변수에는 특별한게 잇나요? - const 변수 &#61; [ ...객체이름.attr ] 이런식으로된 '... ' ? &#61;> 예전에 vuex를 사용하면서 mutation을 사용하면서 ...mapMutations(['함수이름']) 이런식으로 썼었는데 정확히 어떻게 작동하는 원리를 못 짚고 갔네요. 어떤 방식인지 궁금합니다. - 프로젝트가 대부분 render() 함수로 작동하는 것같은데 제가 아는 SPA 맞나요? 따로 공부해보고 싶은데 주제가 뭔지 모르겠네요 ㅠㅠ 코테를 진행하면서 저의 많은 부족한 부분이 다 드러났습니다. ㅠㅠ 질문에 대해 제대로 짚고 가고싶습니다. 도와주시면 감사하겠습니다.

shaffron · Accepted Answer

1. ?? 연산자는 처음 들어보네요... ?: 로 표기하는 삼항 연산자 아닐까요?2. 바닐라JS 에서 $ 는 예약어가 아닙니다. 다만 관례적으로 jQuery 객체를 $ 로 많이 표시하죠.3. ES6 부터 도입된 Spread, Rest 문법입니다. 아주 많이 사용됩니다.https://velog.io/&#64;chlwlsdn0828/Js-Spread-%EC%97%B0%EC%82%B0%EC%9E%90-Rest-%ED%8C%8C%EB%9D%BC%EB%AF%B8%ED%84%B04. render 라는 메소드를 제공하는 라이브러리는 많습니다. 다만 말씀하시는 render 함수는 리액트의 render 를 말씀하시는거 같네요. SPA 는 페이지 구성 방식이기 때문에 jQuery 를 써도, 리액트를 써도 됩니다. 특정 기술에 종속되는 개념이 아닙니다.

kiroki · Answer

1. ? 는 삼항 연산자인데 ??는 저도 처음보네요 그런게 있나요?2. $target은 그냥 변수나 property 이름인것 같습니다. jQuery라이브러리 사용하는 프로젝트에서 jQuery 변수 이름 앞에 $를 사용하도록 컨벤션을 정하기도 해요3. ...은 spread 연산자라고 합니다. iterable한 object를 펼친 형태를 축약했다고 보시면 됩니다. - https://www.codingame.com/playgrounds/7998/es6-tutorials-spread-operator-with-fun4. render()는 react에 컴포넌트를 렌더링 할 때 쓰는 함수입니다. 제가 reafct 밖에 안써봐서 다른 ui framework 에서는 어떤지 잘 모르겠네요

포포탄 · Answer

a ?? b; 는 a ? a : b; 의 축약형입니다.자바스크립트나 php같이 타입검사에 엄격하지 않은 언어에서는 null 이거나 '' 빈문자열이거나 0과 같이 느슨하게 false조건을 검사할 수 있으니까 종종 저렇게 씁니다. 가독성도 좋구요.

난바보야! · Answer

shaffron 님, kiroki 님! 답변 주셔서 감사합니다. 1 번은 삼항 연산자를 겹쳐놓은것 같아요condition ?? &#34; &#34;이런식이었는데 mdn 으로 조사해봤는데 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operatornull 병합 연산자 같습니다... 하흑.. 2. 저도 jquery 라고 생각했는데, 프로젝트에선 다른 라이브러리를 사용하지 않는 순수 vanillaJS를 사용한다고 들었습니다. 그래서 그냥 변수나, property 이름 같습니다. 3. spread 연산자 ㅠㅠ ES6 공부를 열심히 해야겠네요 4. react 프레임워크를 사용하지 않았는걸 보면 react 구조를 이용한 패턴 같습니다! 답변 감사합니다.

shaffron · Answer

포포탄 // 하나 배워갑니다!저는 주로 a || b 로 썼었는데 저렇게 쓸 수도 있겠군요

포포탄 · Answer

아... 댓글 달고 생각해보니 || 하고 착각했네요.. ㅡ.ㅡ; php의 경우에는 isset($a) ? $a : $b이걸 줄여서 $a ?? $b즉, $a가 할당되어있으면(null이 아니면) $a를 부여한다는 의미이고..0, false, ''(빈문자열) 은 a || b 로 쓰셔야 맞습니다.

mikgnuoy · Answer

|| 연산자를 사용해서 널체크를 할 경우 0, '', false 일 경우에도 오른쪽 피연산자를 반환해서 의도치 않은 문제가 생기는데?? 연산자를 사용하면 null, undefined 일 경우에만 오른쪽 피연산자만 반환합니다

$ 변수, render() 함수?

7개의 답변

Q&A 목록