1️⃣ 개발 지식 A+17 [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. Web 3D rendering 회사 신규 기획에서 gamification 도입이 확정되며, 웹 3D 렌더링 리서치를 담당하게 되었다. 이는 어떤 툴과 언어로 구현할지 의사결정을 위한 자료가 되겠다. 3D Object 와 인터랙션 구현은 어디서? (3D 모델링 프로그램 vs 자체 구현) Creating an Object with Three.js If you are comfortable with 3D modeling software, you can crreate your objects there and simply import them into your Thee.js project. This solution won't be converted in this tutorial but we will instead create our object.. 2023. 9. 28. [JS] 비동기 동작 스케줄링 방법 3가지 웹서비스 개발을 하면서 비동기 작업은 불가피하다. 파일 로딩 (Input/ Output), 네트워크 요청(유튜브 스트리밍 로딩), 시간의 흐름에 따른 애니메이션 등 상황은 다양하며 fs.readFile, requestAnimationFrame, setTimeout, fetch(browser), http(node.js) 등의 메소드들로 구현이 가능하다. 이 포스팅을 통해 비동기 스케줄링을 이해하는 시간이 되었으면 한다. Asynchronous 비동기란? sync[씽크]를 맞춰! 우리는 sync라는 단어가 익숙하다. "영화를 다운 받고, 자막과 영상의 씽크를 맞춘다", "나랑 부모님은 싱크로율 100%" 라는 표현을 자주 사용하기 때문이다. 그 어원에서 출발한 Synchronous는 동기식, Asynchro.. 2020. 12. 22. [JS] 객체 지향 프로그램 컴퓨터 프로그램을 여러개의 독립된 단위, "객체"들의 모임으로 파악하고자 하는 프로그래밍 패러다임 by 위키백과 프로그래밍 패러다임 프로그래밍 스타일에 대한 이론적 개념으로 그 중 3가지를 소개하겠다. 절차 지향 프로그래밍(Procedural) 순차적 처리에 초점 객체 지향 프로그래밍 (Object-Oriented) 기능별로 필요한 데이터(=속성)와 행위(=메소드)를 하나의 덩어리(=객체)로 묶어서 진행한다. 함수형 프로그래밍 함수를 수행해도 함수 외부 값이 변경되는 것을 지양. 단순히 출력되는 what에 초점. JavaScript는 Prototype 기반의 객체 지향 언어인데, OOP 디자인으로 구현 가능하도록 많은 발전이 있었다. OOP (Object-Oriented Programming) 기본 구성.. 2020. 12. 10. 이전 1 2 다음
