TIL

(documentation) Components -> Eventshttps://lit.dev/docs/components/events/

(MDN) Public class fields

JavaScript(MDN) Conditional (ternary) operatorfalcy -> null, undefined, 0, "", NaNLinkshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Re

(LIT) Repeat patterns with SVGhttps://lit.dev/tutorials/svg-templates/

TIL-20220703 Lit

DSNA(pythonds3) 8.6. Implementation LINKS

Quick StartCreating and nesting componentsWriting markup with JSXAdding stylesDisplaying dataConditional renderingRendering listsResponding to eventsU

회고 React Rendering Lists Rendering data from arrays Filtering arrays of items Keeping list items in order with key Where to get your key

회고 React Sharing State Between Components Lifting state up by example Step 1: Remove state from the child components Step 2: Pass hardcod

생각을 오래 안하고 Docs만 읽으면써 따라하면서 머리에 때려 넣으니까, 한 80%는 그냥 뇌를 안거치고 지나가는거 같다.일단 빠르게 전에 docs(learn/api)을 훑는건 좋은데 나중에 카페에서 React Day(React/Next)로 쭈욱 정리한번하자.오늘도 C

회고 SQLAlchemy (Python) SQLAlchemy ORM Orm Mapped Class Configuration Mapping Columns and Expressions Mapping Table Columns Mapp

React가 이렇게 매력적인 library인지 5년 전에는 몰랐는데... 뒤늦게 hook-based function component가 된게 신의 한수라고 생각한다.오늘도 CS는 하지 않았다.내일도 안하면 사람이 아니야.프로젝트 WYIS(Why Your Investme

회고 React (JS) Your First Component (Revisited) Components: UI building blocks Defining a component Step 1: Export the component Step 2:

회고 DSNA | HUFS(한국외대) 유용한 자료구조 union find (disjoint set) 최소신장트리(MST; Minimum spanning tree) 최소신장트리의 특징 트리의 특징 Cut property (CUT에서 최소비용을

회고 Vanilla (JS) Introducing asynchronous JavaScript Overview: In this article, we'll explain what asynchrnous programming is, why we need it, and

주말은 힙합으로 치자면 pure freestyle 이다. (not written) 맘가는 대로 공부하고 맘가는 대로 기록한다. 회고

집중하자... 할게 많다.SICP JS 챕터별로 공부하자.DSNA 오늘도 안했다.네카라쿠배당토야 안갈꺼냐?프로젝트 화면 레이아웃이나 design systems 만드는게 왜이렇게 빡세냐...이럴려고 백수된거 아니니까 화이팅하자!Reacting to Input with S

회고 React (JS) Preserving and Resetting State (Overview) State is isolated between components. React keeps track of which state belongs to which c

회고 React Referencing Values with Refs (Overview) When you wan a component to "remember" some information, but you don't want that information to

천천히라도 꾸준히 하다보면 되겠지 (라고 생각하지 말고 열심히 하자...)Crafting Interpreters는 나같은 초보자가 보기엔 진국이다. (아직까진...)왜 자료구조와 (알고리즘)이 중요하지 깨닫고 있다. AST(Abstract Syntax Tree)라니!!

아무것도 안하고 놀기만 함.뭘 그렇게 쟤고 있냐.

회고 React Thinking in React (revisited) Start with the mockup Step 1: Break the UI into a component hierarchy Step 2: Build a static version i

회고 React Rendering Lists (revisited) (Overview) You will often want to display multiple similar components from a collection of data. You can use

회고 React Updating Arrays in State (revisited) (Overview) Arrays are mutable in JavaScript, but you should treat them as immutable when you store t

백수인데 주말과 평일의 구분이 의미가 있겠냐만은, 오늘은 토요일이라서 TIL에 적을만한 것이 없다.D3를 잠깐 봤는데 Observable notebook을 안쓰고 뭔가 레퍼런스를 보고 따라하고 싶은데, 나같은 초보자들은 그러기 어려운거 같다....10년이라는 시간을 견

회고 SVG Basic shapes Rectangle Circle Ellipse Line Polyline Polygon Path Fills and Strokes Fill and Stroke Attributes Painting

회고 CSS Using CSS transitions (Overview) CSS transitions provide a way to control animation speed when changing CSS properties. Instead of having

회고 JavaScript💫 ✨ How to use promises 총평 Modern JavaScript에서 asynchronous programming 하는데 있어서 Promise 모르면 사람이 아니므로... 기본개념을 잘 숙지하자. IE도 돌아가시고.

계획 d3.js react router react github pages crafting interpreters c data structures & algorithms anything related above 회고

역시나 나는 CS Core를 오늘 하지 않았다.이번 주말은 CS Core Day로 자칭 선포하고 이번주 밀린 것들을 해치워보자.Crafting InterpretersOperating Systems Three Easy PartsDS&A | Hufs/Pythonds3/Fo

내일은 대망의 CS Core Day이다.내일 목표는Crafting InterpretersSICPJS위의 2개를 집중적으로 파는 것!!그 외로는d3.js bar chart race 샘플 코드 분석React useEffect reference 읽기과연 할 수 있을지....

오늘은 CS Core Day 였다.이거해야지 저거해야지 생각했지만, 그래도Crafting Interpreters Introduction은 읽었다...그 외에 어제 말한 건 전부 안했다.SICPJSd3.jsReact reference내일은 일요일이라거의 못할 것 같지만,

일요일이였단완벽한 핑계를 대본다.😱😱😱내일부터 다시 시작!✌️✌️✌️

아래와 같이 공부하는게 어떨까 싶다.~ 18:00:CS CoreCrafting InterpretersSICP JS Edition(CSAPP)Data Structures & Algorithms그 외(Networking, DB, Distributed Sytems)딴짓Pro

뭔가 CS 공부?를 하니까 시간은 잘 가는데 남는게 없는 느낌인데... 이거야 말로 long-term perspective가 필요한게 아닐까?Crafting Interpreters 조금SICP JS 조금React useEffect reference 조금Outdoor c

Crafting InterpretersParsinga series of tokens -> creating syntax treeReactuseRefEscape Hatch, re-render간에 information saving, not trigger rerenderfor

스타만 겁나 했다.백수병 걸리겠다 조심해라.JavaScriptIterator/Iterable/Generator/function\*setIntervalD3.jsselection.join프로젝트 SSGRepetition

JavaScriptInheritance and Prototype Chain아니... \[\[Prototype]], prototype, \_\_proto\_\_\_ 조금 헷갈렸는데, 좀 나아진거 같다.Java, C++ 처럼 class-based OO Language가 아

니가 그러면 그렇지,일요일라는 핑계로 사실상 아무것도 하지않았다.Outdoor Cycling 🚴‍♂️🚴‍♂️25km, 90minutes빛가람 -> 나주대교 -> 승촌보 -> 나주대교 -> 빛가람ReactExtracting State Logic into a Reduc

회고 React 🌏🛰️🛰️🛰️Passing Data Deeply with Context (Oveview) Usually, you will pass information from a parent component to a child component via

사람이 아니야~

🚴‍♂️🚴‍♂️🚴‍♂️🚴‍♂️🚴‍♂️🚴‍♂️🚴‍♂️🚴‍♂️고민만 하지말고 움직여.

이정도 쉬었으면 됐다. 30km / 90minutes빛가람동 -> 빛가람대교 -> 나주대교 -> 영산포 -> 파밀리에 -> 영산포 -> 빛가람대교 -> 빛가람동

영원히 쉴꺼냐?조금씩 다시 하고 있다. 다만 Velog에 올릴정도로 한게 없을 뿐😭