Nexus Repository Nexus Repository란, 소프트웨어 개발 및 배포를 위한 오픈 소스 원격 저장소 관리 시스템입니다. 개발자들이 소스 코드, 라이브러리, 컴포넌트, 패키지 등의 아티팩트를 중앙 집중식 저장소에서 관리하고 공유할 수 있게 해줍니다. Nexus Repository Manager nexus3.onap.org 첫회사에서 프로젝트 했을 당시에는 저장소 구축이란건 해본경험이 없다. (사실 기회는 있었겠으나 내가 관심이 없었던걸로..) publish만 할줄 알았지 어떻게 해서 Nexus에 npm이 올라가는지 잘 몰랐다.😢 공통컴포넌트 서비스 배포를 하게되면서 회사에서도 nexus에 프론트 npm을 올릴수 있는 환경이 있었다. (잊기전에 정리하기) 구축이란걸 해봤어야알지 엉엉.....

안전하게 객체에 deep하게 접근하기 위해 현업에서 &&연산자를 활용하여 접근했었다. 편하긴한데, 자주 사용하다보면 이게 꽤 지저분하게 보이는것을 확인할 수 있었다. 그래서 Optional Chaining 연산자를 활용해보며 조금 깔끔하게 사용하는 방법에 대해 공유를 합니다. 임직원 객체에 대한 정보가 아래와 같습니다. 예를들어 emp안에 info라는 객체 안에 job이라는 객체 안에 "pay"라는 값에 대해서 가져오고싶다고 가정합니다. const emp = { name: 'kim', info: { empNo: 1001, job: { position: 'FE-Dev', pay: 1234 }, }, }; 1. && 연산자 아래는 &&연산자를 활용하여 접근했습니다. 이렇게 접근하다보면 .으로 접근하여 같은 ..

병합 연산자란 null이나 undefined를 체크하고자 할때 사용한다. 현업에서 null이나 undefined 체크를 할때 나의 경우는 or연산자를 많이 써서 체크했었다. 하지만 숫자 0의 경우는 false로 구분하기에 자칫 실수를 할 수도 있다. ES11 문법에서 추가된 내용으로 병합 연산자를 소개하고자 한다. 첫째로 아래와 같이 변수들을 정의해 보았다. const isZero = 0; const isNull = null; const isUndefined = undefined; const isEmpty = ''; 1. OR 연산자를 쓸 경우 //# OR 연산자 const orCode1 = isZero || 'this is [Null] or [Undefined]'; const orCode2 = isNu..

지원 직무 : 프론트엔드 개발 (React) 기술면접은 주로 이력서에 작성된 기술 위주의 질문이 이루어졌습니다. 주로 별3개(⭐⭐⭐) 이상에서 질문을 많이 받았습니다. 별 0~2개는 프론트엔드 개발자라면 기본적으로 숙지하면 좋을듯 싶어 작성하였습니다. [React] 1. React와 Vue의 차이점은? 2. React의 LifeCycle을 아는대로 답변해주세요. ⭐⭐⭐⭐ 3. Mobx와 Redux의 차이점은? ⭐⭐⭐ 4. React의 상태변화 감지에 대해 아는대로 답변해주세요. ⭐⭐ 5. 컴포넌트란 무엇인가요 ⭐⭐⭐ 6. Mobx와 Redux를 선택하라고 한다면 무엇을 선택할건가요? 그 이유는? ⭐⭐⭐⭐⭐ 7. Dom과 Virtual Dom의 차이점은 무엇인가요. ⭐⭐ 8. 렌더링 동작 방식에 대해 말씀..