전체보기
-
JavaScript / JavaScript Deep Dive 스터디 2주차DEV/JavaScript 2022. 8. 21. 01:34
오늘은 자바스크립트 스터디 2주차의 내용 이번주 주제는 조금 까다로운 편이였는데, 다들 열심히 준비해주고 발표의 구성도 엄청 늘어서, 스터디 기획자로서 엄청 뿌듯한 하루였음 히히 프로퍼티 어트리뷰트 1.내부 슬롯과 내부 매서드 자바스크립트 객체를 만들면 내부 슬롯과 내부 메서드라는게 생김. 근데 이게 함부러 접근할수 있는게 아니라, 자바스크립트 내부에서 작동하는 숨겨진 녀석들이며, 이 내부 슬롯중에서도 특이하게 접근이 가능한 요소가 프로퍼티임 2. 데이터 프로퍼티와 접근자 프로퍼티 접근 가능한 프로퍼티는 위와같이 데이터 프로퍼티, 그리고 접근자 프로퍼티로 나눠져있으며 각각의 특징이 있음 데이터 프로퍼티와 접근자 프로퍼티는 위와 같이 네가지 특징을 가짐 자세한 설명은 아래 프로퍼티 정의에서 진행할예정 여기..
-
React / 비동기 렌더링 Suspense에 대해 공식문서로 알아보기 [기초편]DEV/REACTJS 2022. 8. 18. 00:44
오늘 선생님께서, 약간이나마 suspense 이야기를 해주셨는데, 너무 스치듯 지나가서 궁금해서 공부해봄 TS공부하려다가, TS는 해본적이 있으니 담에 다시 공부하기로했음 그럼시작 React Suspense Intro 기본적으로 suspense는 비동기 작업이 처리될때까지 fallback에 할당된 컴포넌트가 렌더링했다가 그 안의 자식요소가 작업이 처리되면 리랜더링하면서 컴포넌트가 업데이트 되는 구조를 가짐. 짧게말해 오래걸리는 작업 전에 미리 보여줄 무언가를 셋팅해놓을 수 있다는 것임. 그럼 왜 이걸 사용하냐 코드가 깔끔해지기 때문에! 라고 말할수도 있지만 그 외에도 다양한 이유가 있으니 아래에 설명을 하겠음 우선 이전에 비동기작업 처리의 코드를 살펴봄 이전에는 이렇게 패치를 시작하고, set을 돌리는 ..
-
React / Recoil 의 기초 개념과 기본 동작을 쉽게 설명해봤다( Atoms, Selector)DEV/REACTJS 2022. 8. 15. 16:23
Recoil Recoil의 사전적 의미는 '반동' 이라는 뜻인데 이 라이브러리와 어떤 관련이 있을까. Recoil은 전역으로 상태를 관리할 수 있는 '페이스북'에서 만든 라이브러리다! 여기서 벌써 두 개의 문제가 나온다. 전역 > 간단히 말해 내가 만드는 app 전체의 공간을 의미한다고 이해하면 쉽다. 상태 > 간단히 말해 변수, 그리고 변수를 바꿀수 있는 함수들(set)을 의미한다고 이해하면 쉽다. 기존 Redux, MobX를 써본 경험은 없지만, 이것들과 굉장히 유사하다던데 전자로 말한 라이브러리들은 전역 상태관리가 아닌, 엄연히 말하자면 외부요인으로 내부를 변경시키는 그러한 개념인것 같다. Recoil은 내부에서 React의 관리가 가능한데, 바로 떠올릴 수 있는것이 useContext와 어떤 차이..
-
MySQL - programmers SQL 고득점 Kit / SELECT / 어린 동물 찾기 풀이DEV/MySQL 2022. 8. 15. 00:54
문제 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 정답 SELECT ANIMAL_ID, NAME FROM ANIMAL_INS WHERE INTAKE_CONDITION != 'Aged'; 풀이 1. 어디서 동물의 정보를 들고 올것인가? 2. 어떤 정보를 들고 올것인가? 3. 조건은 어떠한가? 를 중심으로 풀이를 진행
-