본문 바로가기

Front-End55

[Git] git branch & naming Branch 생성 방식과 네이밍 규칙 Branch의 종류 1. master 브랜치 (제품으로 출시될 수 있는 브랜치) 사용자에게 배포 가능한 상태만을 관리한다. 배포(release) 이력을 관리하기 위해 사용한다. 즉, 함부로 master 브랜치에 병합(merge)하게 되면 안된다. 항상 master 브랜치에서 작업하고 있는 건 아닌지 확인해야 된다. 2. develop 브랜치 (다음 출시 버전을 개발하는 브랜치) 기능 개발을 위한 브랜치들을 병합하기 위해 사용한다. 즉, 모든 기능이 추가되고 버그가 수정되어 배포 가능한 안정적인 상태라면 develop 브랜치를 master 브랜치에 병합한다. 3. feature 브랜치 (기능을 개발하는 브랜치) feature 브랜치는 새로운 기능 개발 및 버그 수정이 .. 2022. 1. 16.
Next.js Next.js SSR을 쉽게 구현하도록 도와준다. Next.js는 React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 프레임워크이다. React도 SSR을 고려하여 설계되었기 때문에 자체적으로도 구현이 가능하지만, 개발환경을 만들기 위해서는 생각보다 복잡하여 해결하기 위해 Next가 나왔으며, 사용법도 간편하다. 웹사이트들은 대부분 SSR로 동작 되어 왔기 때문에, 페이지가 여러 개로 구성된 Multi Page Form 방식을 사용했었다. 하지만 스마트폰이 등장하면서 웹들은 모바일에 최적화가 되어있지 않았기 때문에 사용에 불편함이 커지게 되었고, 모바일 앱과 같은 형태의 웹앱이 필요하게 되었다. 이러한 문제를 해결하기 위해서 React, Vue, Angular 등.. 2022. 1. 10.
[lodash] lodash 를 사용하는 이유? 출처: https://lodash.com/ lodash JavaScript의 인기있는 라이브러리 중 하나이며, array, collection, data 등 데이터의 필수적인 구조를 쉽게 다룰 수 있게끔 하는데에 사용함. Javascript에서 배열 안의 객체들의 값을 핸들링(배열, 객체 및 문자열 반복/ 복수적인 함수 생성)할 때 유용하게 사용됩니다. 장점 ㅡ. (변수) 이런식으로 작성할 경우 lodash wrapper로 변수를 감싸게 되면서 해당 변수에 대한 chaining을 시작합니다. _ 라는 기호를 이용해서 사용하기 때문에 명칭 또한 lodash가 된 것이죠. 그 외에 lodash를 사용하는 이유들은 다음과 같습니다. 브라우저에서 지원하지 않는 성능이 보장되어있는 다양한 메소드를 가지고 있음. .. 2021. 12. 28.
[tailwind CSS] tailwind css v3.0.7 업데이트 내용 Version3.0.7 JIT(Just-in-time) 기존에는 따로 Mode설정을 해야 사용할 수 있었던 JIT가 이제는 따로 설정하지 않아도 all time사용할 수 있게 되었습니다. 기본 Color Pallete 종류 추가 Pallete외에도 2가지의 Gray theme Pallete가 추가 box-shadow에서 color 선택 가능 shadow-blue-500/50와 같이 색을 지정 scroll-snap api가 추가되었습니다. Keen-slider라이브러리의 많은 부분을 대체할 수 있으며 스크롤 스냅 시 어떤 부분에서 멈출지를 지정할 수 있는 등 여러가지 방법으로 custom하여 사용할 수 있습니다. Multicolumn layout추가 Grid와 grid-cols를 사용해야하는부분을 clas.. 2021. 12. 24.

티스토리툴바