🥋

추천 글

VSC 1초 저장

Visual Code 자동저장 하기

Visual Code로 웹개발을 하는 중 세이브를 계속 하는게 귀찮을때가 많다. 깜빡할때도 많고 세이브 시점으로 이전으로 되돌리기가 안되는것도 아니니 자동저장 설정을 해놓아서 문제 될 확률은 적은 것 같다. Visual Code를 켜준 뒤, ctrl + , 를 눌러준다 그럼 설정 창이 뜨는데 설정 검색에 auto save를 타이핑해주자 그럼 Files: Auto Save가 뜨는데 afterDelay : 문서를 변경 후 Auto Save Delay에서 설정한 시간(ms / 1s = 1000ms) 뒤 자동저장한다.

Visual Code 자동저장 하기

https://sirong.tistory.com/25

Visual Code 자동저장 하기

Visual Code 자동저장 하기

1,644개의 영감을 주는 웹사이트 디자인 모음! : Collected

작년 12월, 한 디자이너가 5년 동안 모은 눈에 띄는 웹디자인 사례가 담긴 서비스를 살펴봤는데요! 오늘은 같은 맥락에서, 디자이너 한명이 1,644개의 웹디자인 사례를 정리한 서비스를 살펴보고자 합니다. 서비스에서 눈에 띄는 건, 전체 웹디자인 사례를 한눈에 살펴볼 수 없다는 점이에요. 별도 카테고리에 따라 확인하는 것도 어렵습니다. 대신 'shuffle' 버튼을 클릭해 8개 단위로 웹디자인 사례를 살펴볼 수 있어요.

1,644개의 영감을 주는 웹사이트 디자인 모음! : Collected

1,644개의 영감을 주는 웹사이트 디자인 모음! : Collected

http://icunow.co.kr/collected/

1,644개의 영감을 주는 웹사이트 디자인 모음! : Collected

1,644개의 영감을 주는 웹사이트 디자인 모음! : Collected

포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 2 (설계, 테스팅)

저번 포스팅에서는 프로젝트 관리 및 화면 기획 및 디자인에 사용하는 도구들을 알아보았습니다. 이번에는 프로젝트 설계 및 테스팅 할때 도움이 되는 도구들을 알아보겠습니다. ErdCloud는 온라인에서 ERD Diagram을 그려 SQL 데이터베이스 설계를 할수 있게 만드는 도구입니다. Cloud이기 때문에 팀원들과 공유가 쉽고 SQL나 PNG로 export가 가능하기 때문에 설계한 erd를 바로 sql서버에 적용해 볼수 있습니다.

포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 2 (설계, 테스팅)

https://velog.io/@couchcoding/%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4%EA%B0%9C%EB%B0%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%A0%9C%EC%9E%91%EC%8B%9C-%EB%8F%84%EC%9B%80%EC%9D%B4-%EB%90%98%EB%8A%94-%EB%8F%84%EA%B5%AC%EB%93%A4-2

포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 2 (설계, 테스팅)

포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 2 (설계, 테스팅)

케이스 스타일

길덕근블로그

다양한 프로그래밍 관습들이 있지만, 그 중 케이스 스타일(case styles)에 대해 소개하고자 한다. 프로그래밍을 할 때, 변수나 클래스명을 지을 때 보통 공백(" ")을 지우고 그 이름을 짓는다. 변수명을 지을 때 공백을 애초에 허용하지 않고, 띄어쓰기가 있을 경우 변수나 클래스 선언 때 의미가 복잡하거나 모호해질 수 있기 때문이다.

https://togll.tistory.com/53

길덕근블로그

길덕근블로그

css gradient

CSS Gradient - Generator, Maker, and Background

About this tool CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites. Besides being a css gradient generator, the site is also chock-full of colorful content about gradients from technical articles to real life gradient examples like Stripe and Instagram.

CSS Gradient - Generator, Maker, and Background

https://cssgradient.io/

CSS Gradient - Generator, Maker, and Background

CSS Gradient - Generator, Maker, and Background

material design

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps teams build high quality digital experiences.

Material Design

https://material.io/design/layout/responsive-layout-grid.html#grid-customization

Material Design

Material Design

BEM 방식

[CSS 방법론] BEM 방식

오늘은 CSS 방법론 을 다뤄보겠습니다 ;-) 말이 거창하긴 한데 쉽게 풀어쓰면 'CSS 클래스네임을 어떻게 지으면 좋을지' 고민해보는 거죠. 방법론에는 여러 가지가 있는데, 최근 BEM을 실무에 도입하면서 매력을 느끼고 있어요! 그래서 이번 포스트는 BEM에 대한 내용입니다. 한 번 읽어 보시면 도움이 되리라 생각합니다. (*이 포스트의 틀린 부분이나 고칠 점이 있다면 알려주세요!

[CSS 방법론] BEM 방식

https://nykim.work/15

[CSS 방법론] BEM 방식

[CSS 방법론] BEM 방식