pass4future.com

Javascript-Developer-I Salesforce Exam All You Need to Pass

Pass4Future provides all the necessary material you need to pass Salesforce Javascript-Developer-I exam in first attempt. Do not waste time with free and cheap resources, try free demo, limited time d

MichalDimps

youtube.com

I tried 8 different Postgres ORMs

Let's compare 8 ways to work with SQL databases in a JavaScript project like Node.js or Next.js. Analyze the pros and cons of libraries and ORMs that can run Postgres queries in a fullstack framework.

#sql #javascript #webdevelopment

Learn more in full Next 13 Course https://fireship.io/courses/nextjs/

- pg https://github.com/brianc/node-postgres
- postgres.js https://github.com/porsager/postgres
- knex https://github.com/knex/knex
- kysely https://github.com/kysely-org/kysely
- sequelize https://github.com/sequelize/sequelize
- typeorm https://github.com/typeorm/typeorm
- prisma https://github.com/prisma/prisma
- drizzle https://github.com/drizzle-team/drizzle-orm

dracure

youtube.com

How React ACTUALLY works (DEEP DIVE 2023)

Are you already working with the JavaScript framework React? Or do you want to learn it? No matter how much experience you have, this video will teach you how React work in detail! Some of the topics include, what is React, how can it be used in existing projects, how does reactivity work, how does React keep the UI in sync with the data and more.

If you found this video helpful,
please give it a like 👍 and subscribe 📨 for more.

🐦 Follow me on Twitter
https://twitter.com/0xAndriy

⏰ Timestamps
0:00 Intro - What is React and what is it not?
0:50 How to add React to (most basic way)
2:24 React in combination with other tools
3:21 What is JSX?
5:17 Downside of JSX
6:00 How React updates the DOM
6:10 Updating the DOM - 1. Trigger
8:33 Updating the DOM - 2. Render
9:11 Updating the DOM - 3. Commit
9:35 Why do we need the Virtual DOM?
10:31 React diffing algorithm
12:18 State persistence

📎 Helpful links
React Docs: https://react.dev/

🎵 Where I get my music from
Epidemic Sound: https://www.epidemicsound.com/referra...

🤝 Services I use
NordVPN - https://go.nordvpn.net/SH4vc

🎥 My gear
Monitor - Dell S3423DWC 34
https://amzn.to/3XcAXuR

Headphones - AKG K240 Studio
https://amzn.to/3J7vAZJ

Earbuds - Jabra Elite 4 Active
https://amzn.to/3Hm4k8M

Mic - HyperX SoloCast
https://amzn.to/3QLS6tg

Keyboard - Apple Magic Keyboard
https://amzn.to/3GDz9UO

Trackpad - Apple Magic Trackpad
https://amzn.to/3CQAq9P

Camera - Sony a6400
https://amzn.to/3w4d7Wf

Lens 1 - Sony 16-50mm f/3.5-5.6
https://amzn.to/3iDSk99

Lens 2 - Sony - FE 50mm F1.8 Standard Lens
https://amzn.to/3GHFheU

Lens 3 - Samyang SY12M-E-BK 12mm F2.0
https://amzn.to/3WclDgM

📬 Inquiries (Collabs, Sponsorships etc.)
frontstartdev@gmail.com

dracure

gmarket.com

자바스크립트 Map 자료구조 적극 이용하기

서론 자바스크립트로 프론트엔드 웹 코딩을 하면서 Key - Value 쌍의 데이터를 저장하고 조회할 때 어떤 자료구조를 이용하시나요? 열이면 여덟 아홉 객체(Object)를 이용하는 듯합니다. interface Kimchi { name: string; alias: string; score: number; ingredients: string[]; } cons

dracure

velog.io

Svelte 구축할 때 경험에 의한 장단점

내가 임시 글에 장황하게 쓰다 말았는데, 원래는 내 경험에 입각하여 소개하려고 했으나, 너무 거품 쩔어서 그냥 간략하게 작성하도록 하겠다.
내 경험에 입각한 의견이 많으니, 크로스체크는 본인에 맡긴다.

dracure

velog.io

React SSR 스타일링에 개고생하는 이유

Next.js 같은 SSR 지원 가능한 프레임워크를 쓰면서 가장 고생하는 게 바로 스타일링일 것이다.물론 쌩으로 쓰는 건 지장 없는데 Styled components, emotion 등 스타일링을 리액트답게 체계적으로 관리할 수 있는 라이브러리를 사용할 경우 말이다.

dracure

velog.io

Promise 및 (Micro)Task 등의 비동기는 만능이 아니다

오늘은 프론트엔드 초보들이 주로 실수하는 패턴을 통해 왜 비동기에서 이렇게 하면 안되는지 설명하는 시간을 갖도록 하겠다.
길게 설명하기 귀찮으니 자세히 알고싶으면 용어를 검색해서 찾아서 배우도록.

dracure

velog.io

아일랜드 아키텍쳐

Astro 2.0이 출시되었지만 한국에서는 뭐 언제나 그랬듯이 뻔하게 관심이 그다지... 없는 참 삭막한 프론트엔드 분위기라고 하고 싶지만 그러면 니네들 기분 상할 테니 이미 말해버렸지만 할수없지 에라 모르겠다.

dracure

velog.io

JS Console의 세계

보통 우린 뭔가 자바스크립트 실행 상황을 알고싶을때, console.log 메소드를 실행하고 있다. 어자피 브라우저에서 어떤 객체를 넣든 객체 상황에 맞게 예쁘게 출력해주기 때문에 별 탈은 없다.

dracure

velog.io

react와 vue 시장 차이

시장에서 react를 왜 선호하는지, 왜 vue를 선호하는지 차이점을 알려주도록 하겠다 아쎄이! jqeury 를 들었다면 희망을 버려라 아쎄이! 라이라이차차차.js

dracure

velog.io

브라우저 대용량 파일 1 - 한줄씩 읽기

이제 브라우저에서 대용량 텍스트나 파일을 읽을 수 있다! 게다가 여러분도 쉽게 따라할 수 있다! 아주 좋다! 따라와라! node.js 스트림 해봤다면 안 봐도 비디오인 이 강좌를!

dracure

velog.io

Vue: Suspense 컴포넌트

리액트 아니다. 뷰의 다. 뭐? 리액트 따라한 거 아니냐고? 맞다. 이건 부정할 수 없는 사실이다. 하지만 리액트 개발자들아 한가지만 기억하라. 리액트가 함수형 컴포넌트로 전환한 게 뷰의 영향이 컸다는 사실을.

dracure

velog.io

스벨트 조지기

실무에 SvelteKit 조지면서 꼼수부리는 팁을 공유한다.닥치고 내말 듣고 따라해봐라.

dracure

youtube.com

메미의 개발학교 10 Javascript 비동기처리 알아보기

비동기 처리에 대해 간단히 알아봅니다.
코드를 이해하기 힘들 수 있습니다. 개념만 갖는다고 생각하고 연습해보세요~

dracure

youtube.com

메미의 개발학교 9 Javascript 기초 연습하기 2

최소한 알아야할 javasciprt 문법입니다.~
궁금한 건 댓글이나 메일 보내주세요~

dracure

youtube.com

메미의 개발학교 8 Javascript 기초 연습하기

javascript의 기초를 연습해보는 시간입니다~

dracure