1️⃣ 개발 지식 A+21 [Introduction To Algorithms] CH1. 알고리즘의 역할 요약 혹은 연습문제를 기록합니다. 1.1 알고리즘 알고리즘이란, 입출력 문제를 해결하기 위한 잘 정의된 계산 절차 1. "정렬" 또는 "두 점 사이의 최단 경로" 문제 중 이런 문제가 발생하는 현실의 예- 정렬 : 도서관 책이 저자순으로 정렬됨.- 두 점 사이의 최단 경로 : 카카오 네비를 켜서 목적지까지 최단 경로를 확인함. 2. 현실에서 속도 외에 효율성을 평가할 만한 다른 척도로 무엇이 있는지이때 속도라 함은, 최적의 해를 구하기까지의 기간일텐데문제 측면에서 정말 적절한 문제 추상화가 이루어졌는지, 쓸모있는 문제인지?(좀 더 고민 필요) 3. 예전에 본 적있는 자료구조 중 하나를 골라 그것의 장점과 한계를 각각 논하라.스택 - 자체적으로 순서의 의미를 갖고 있음 / 찾고자하는 데이터가 맨 처음에 .. 2024. 7. 24. [41장] 모던딥 자바스크립트 Deep Dive 스터디 날짜 : 2023. 12. 17 (일) 41-1장. 타이머 (기본) 호출 스케줄링 함수는 호출 즉시 실행된다. 하지만, 함수 호출을 예약하고 싶을때가 있다. 이때 "타이머 함수"를 사용하게된다. 이를 호출 스케줄링 이라고 한다. 타이머 함수 - setTimeout : n초 후 한번만 호출 (제거 시 clearTimeout) - setInterval : n초 마다 반복 호출 (제거 시 clearInterval) 위 함수들은 호스트 객체이며, 비동기처리 방식으로 동작한다. Q. 호스트 객체란? A. EMSAScript 에서 정의되지 않고, 실행되는 환경(브라우저 및 NodeJS) 에서 제공하는 함수 setTimeout - 인자 넘길 수 있는 것 처음 알았다.. 매번 클로저함수로 만들어서 인자 넘겨주었.. 2023. 12. 17. [37장] 모던딥 자바스크립트 Deep Dive 스터디 날짜 : 2023. 12. 10 (일) 37-1장. Set 정의 - 수학적 집합 특성과 일치, 수학적 집합을 구현하기 위한 자료구조 - 인자로는 이터러블 인수를 받음. - Set 객체 또한 이터러블 메소드 (CRUD) 메소드 (번외) Q. Set 의 요소는 무엇이든 올 수 있다. 이때, Object 요소는 내용물이 같으면 같다고 인식할까? A. 역시나, 참조타입의 객체는 다르다고 인식한다. 주소값이 같을때만, 같다고 인식함. - 주의사항 : Set 내부에서는 NaN 와 +0, -0 를 같게 인식한다. 집합 연산 (책 예제 기반, 직접 구현하기) - 교집합 (intersection) - 합집합 (union) - 차집합 (difference) - 부분집합 (isSuperset) 37-2장. Map 정.. 2023. 12. 10. [31-33장] 모던딥 자바스크립트 Deep Dive 스터디 날짜 : 2023. 12. 03 (일)31장. RegExp https://regexr.com/ 이런데서 GUI 로 설명을해줘도 감이 안오고.. 정규식.. 나도 잘 쓰고 싶고..사수분들이 사용하던, 탐이 나는 그 정규식! 드디어 공부해보았다! 정규표현식이란?- regular expression- 문자열을 대상으로 "패턴 매칭 기능"- 패턴 매칭 기능 ? 특정 패턴과 일치하는 문자열 검색, 추출, 치환 정규 표현식의 생성- pattern, flag 존재- ES6부터 RegExp 문법 생겨남 메서드- test : boolean 반환- match : 배열 반환, 전체 매칭 스트링 아이템 반환- exec : (첫번째 결과에 대해서만) 배열 반환, lastIndex 업데이트 활용도 높아 보이나 사용 .. 2023. 12. 3. [16-20장] 모던 자바스크립트 Deep Dive 스터디 날짜 : 2023. 11. 12 (일) 16장. 프로퍼티 어트리뷰트 - [[...]] 내부 슬롯, 메서드 - 직접 접근 불가능, __proto__로 간접 접근 가능 - [[Enumerable]] 열거, iterable 가능여부 [처음보는 객체 관련 프로퍼티] - Object.defineProperty - Object.preventExtensions : 객체의 장래 확장 방지 - Object.seal : freeze 와 달리 기존 속성값 변경은 가능 - Object.freeze : 모-두 금지 - Object.getOwnPropertyDescriptors : 처음보는 클래스, 객체의 인터페이스를 알 수 있다. TODO: 이걸로 사내 디자인시스템 스토리북 프로퍼티 doc 기능 고도화할 수 있겠는데? .. 2023. 11. 12. [11-15장] 모던 자바스크립트 Deep Dive 스터디 날짜 : 2023. 11. 05 (일) 11장. 원시값과 객체의 비교 [원시 값은 불변 값, 참조 값은 가변] Q. 하지만, 다음처럼 변수 x에 재할당이 가능한데 도대체 무엇이 불변이란 말인가?? let x = 1; x = 2; // 재할당 A. 불변이라는 것은 변수가 아닌 값에 대한 진술, 새로운 원시값을 할당 시 새로운 메모리 공간을 확보하게된다. 즉 주소가 바뀐다. 그에 반해 참조타입은 주소는 유지된채로 내부 값이 바뀔 수 있다. TODO: 타 언어에서 말하는 참조타입과는 조금 다른게, C언어 포인터 개념은 변수에 주소값을 저장하고 연산하는데, JS 에서는 주소에 있는 값을 전달한다고 한다. 조금 와닿지 않아서 More... [JS 문자열은 원시타입] - C 언어 같은 경우 char x[10.. 2023. 11. 12. [1-4장] 모던 자바스크립트 Deep Dive FE 로 일한지 3년차인데, BE 공부에 대해 갈증이 있었다. 회사에서는 기회를 주신다고 했지만, 한번 발을 들이지 않으니 엄두가 안났다. 그러다가 인프런에서 Node.js 스터디원을 구하기도 했고, 핫한 스택보다는 주언어로 빠르게 공부하는게 좋다고 판단해서 바로 가입했다. 실은, 회사에서 Java Spring Boot 스터디를 시작하기도 해서, 갈증 해소를 넘어 개발자로서 다음 스텝으로 뛰어넘을 기회가 되지 않을까 기대하고 있다. 우선 js 기본 개념을 되짚고, Node.js 공부로 넘어가기로 했다. 그 첫번째 시작이다. 01장. 프로그래밍 내가 좋아하는게 바로, 이거지. 이슈를 작은 단위로 분해하고 패턴화해서 추출하며, 평가 가능하도록 정의해야한다. 저자는 컴퓨팅 사고를 이와 같이 정의했다. PRD(.. 2023. 10. 30. [5-10장] 모던 자바스크립트 Deep Dive 스터디 날짜 : 2023. 10. 29 (일) 05장. 표현식과 문 개념을 이해한다는 것은 바로 용어를 정확히 이해하고 설명할 수 있다는 것 머리로는 알고 있으나, SW 응용 분야에서 일하고 있는 지금. 프레임워크의 사용법을 빠르게 배우고 적용하는데 급급했다. 단어 하나하나의 의미를 곱씹고 이해해본 적이 얼마만인가 싶다. value (값) expression(표현식)이 evaluation(평가)되어 생성된 결과 여기서 또 꼬리질문이 나오겠지 expression (표현식) - 값으로 평가될 수 있는 statement (문) - 표현식이 평가되면, 새로운 값을 생성하거나 기존 값을 참조한다. - 값이 위치할 수 있는 곳 = 표현식도 위치 가능 이제껏 const result = x1 ? 'default' : .. 2023. 10. 29. react에서 애니메이션 구현 (w. framer motion) web에서 애니메이션을 구현하는 기본적인 방법은 css animation 이 있다. 하지만, 이를 js 에서 좀 더 로직컬하게 다루고 싶은 경우 "framer motion"을 추천한다. 다음은 css animation 을 framer-motion 으로 1:1 컨버팅이 가능함을 보여주는 예제이다. [베이스코드는 framer motion document 에서 가져왔다] framer-motion 으로 구현하기 코드 css animation 으로 구현하기 코드 .box-with-css { animation-name: bigger; animation-duration: 0.8s; animation-delay: 0.5s; animation-fill-mode: both; transition-timing-function.. 2023. 9. 28. 이전 1 2 3 다음
