무야홍 ~

개요 👂 해당 포스팅에서는, 요즘 유의깊게 살펴보고 있는 Vercel 팀에서 채택한 Tailwind CSS 를 React-Native 환경에서 어떻게 적용하고, 그 이유에 대해 정리 해 보고자 한다. Why Tailwind ❓ 사실 이전 프로젝트에서는 거의 모든 스타일을 Tailwind CSS 를 적용하여 작성 했는데, 요즘들어 Styled-Components 나 Panda CSS 등을 사용했던 것 같다. Tailwind CSS 를 주로 사용하는 이유는 아래와 같다. https://www.nativewind.dev/core-concepts/tailwindcss 공식 문서에도 있듯, 1️⃣ ...

개요 🙋 보통 프로젝트를 진행하다보면, 설계된 API 를 호출하기 위해 로직을 작성하는데 그 로직 안의 내용은 보통 아래와 같을것이다. const db = require('../loaders/db'); module.exports = { getBrandData: async () => { const connection = await db(); const [rows] = await connection.query( 'SELECT brand_name, name, caffeine FROM brand' ); connection.end(); return rows; ...

개요 🙋 https://www.eaten.co.kr/ 위 사이트에서 커피와 관련된 브랜드별 영양 정보 를 크롤링하여 필요한 정보만을 가공하여 사용하려고 한다. 크롤링한 데이터는 아래와 같다. 이 데이터에서 필요한 정보는 브랜드, 메뉴, 카페인 이다. 먼저, 번거롭지만 수기로 1 차 가공을 통해 아래와 같은 정보를 얻은 상태이다. 이 정보를 바탕으로, MySQL 에 쿼리문을 사용하여 데이터를 적재하려고 하는데, 쿼리문으로 사용하기엔 다소 형식이 맞지 않다고 판단되어, 이를 {brand, name, caffeine} 형식으로 가공하여 적재하고자 한다. 생성 & 삽입 쿼리 🔮 CR...