Web/Front4 Tailwind 프론트의 꽃은 무엇인가 프론트의 틀을 짜놨다 근데 안 이쁘다..“ 이걸 어떻게 예쁘게 꾸밀 것인가? ”이때 등장하는 것이 바로 css다.자바스크립트로 동작구현 따로 input border등 여러가지로 써놨다치자 이제 이걸 꾸며야된다그때 쓰는게 css인데 순수 css만 써보면 막 놔눠야되는데 어떻게 구상하지?막 쓰다보면 이거 저거 꼬이고 선언했던거 보면 코드가 더러워지고그렇다고 해서 따로 script로 짠다해도 class로 가져온거 이거 어디 태그? 이렇게 찾게 되면서 굉장히 가독성이 떨어지고 ui설계 면에서 애초에 짰던가 싶어서 밑에 짜면서 코드는 점점 길어진다.이러한 요건을 바꾸기 위해 제공되는것이 Tailwind https://tailwindcss.com/ui 개발 속도가 굉장히 빨라진다는데 자 .. 2026. 3. 16. Zutsand https://zustand-demo.pmnd.rs/귀여운 곰돌이 zutsand에 관하여 오늘은 알아보는 시간을 가져보자꿀을 굉장히 좋아할거 같은 이 귀염둥이는 zutsand 굉장히 유용한 아이라고 볼 수 있다.자 보자 리엑트에서는 React에서 초반에는 useState와 props만으로도 상태관리가 용이하지만 이것이 커지면 커질수록 관리하기가 불편해진다.하지만 컴포넌트가 많아지고 서로 멀리 떨어진 컴포넌트들이 같은 데이터를 필요로 하기 시작하면 상황이 달라진다.즉 이것을 여러 집 뛰어다니면서 수배하고 다시 가져오고 반복하는 행위를 한다보는데 이것 또한 양이 많아지면 어떻게 되겠는가..그니까 계속 던지고 던지고 족보로 치면 내가 가진걸 부모->자식->자식의 자식->자식의 자식의 자식 이런 느낌.. 2026. 3. 16. JavaScript vs TypeScript 자바스크립트와 타입스크립트의 차이점에 관하여 곰곰히 생각해보았다.일단 내가 아는 선에서는 타입스크립트는 초반에 타입을 선언하여 체계적으로 코드 관리를 하고자바스크립트는 변수 선언시 let var const등 여러가지를 쓰면서 시시각각 타입을 변경하는데이로 인해서 나중에 런타임시 페이지는 랜더링이 되지만 결국에 오류가 일어난다고 알고 있다.자 그럼 차이점을 찾아보자 왜 협업의 대부분이 타입스크립트를 이용할까?웹하면 초반에 배우는 언어가 무엇인가 가장 널리 퍼진 자바스크립트이다JavaScript동적 타입 언어 → 변수의 타입을 선언하지 않아도 되고 런타임에서 타입이 결정됨.장점 : 유연하고 배우기 쉬움 브라우저에서 바로 실행 가능.단점 : 코드가 커지거나 협업 프로젝트에서는 타입 관련 오류가 런타임.. 2026. 3. 16. React vs Next.js 최근 들어 Next.js의 점유율이 빠르게 높아지면서 많은 회사들이 신규 프로젝트와 협업 환경에서 Next.js를 적극적으로 도입하고 있다.하지만 기본 React 또한 여전히 널리 사용되는 대표적인 프론트엔드 라이브러리인데 React에서 파생된 Vite등 CRA가 거의 사망한 지금 더 가볍고 빠르게 개발할 수 있는 환경들도 다양하게 제공되고 있는데그렇다면 이런 기술들 사이에서 React와 Next.js는 어떤 차이를 가지고 있길래 Next.js가 자주 쓰일까일단 내가 들은 바로는 Next.js는 프론트인데도 SSR이 내장되어 있어서 나도 오늘부터 풀스택? 이라고 알고 있다.일단 첫번째 차이점 이거다.자 전자는 React 후자는 Next.js일단 보자 React는 뷰 즉, 애니메이션에서 캐릭터와.. 2026. 3. 16. 이전 1 다음
