VSC 1초 저장Visual Code 자동저장 하기Visual Code로 웹개발을 하는 중 세이브를 계속 하는게 귀찮을때가 많다. 깜빡할때도 많고 세이브 시점으로 이전으로 되돌리기가 안되는것도 아니니 자동저장 설정을 해놓아서 문제 될 확률은 적은 것 같다. Visual Code를 켜준 뒤, ctrl + , 를 눌러준다 그럼 설정 창이 뜨는데 설정 검색에 auto save를 타이핑해주자 그럼 Files: Auto Save가 뜨는데 afterDelay : 문서를 변경 후 Auto Save Delay에서 설정한 시간(ms / 1s = 1000ms) 뒤 자동저장한다.https://sirong.tistory.com/25 포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 2 (설계, 테스팅)저번 포스팅에서는 프로젝트 관리 및 화면 기획 및 디자인에 사용하는 도구들을 알아보았습니다. 이번에는 프로젝트 설계 및 테스팅 할때 도움이 되는 도구들을 알아보겠습니다. ErdCloud는 온라인에서 ERD Diagram을 그려 SQL 데이터베이스 설계를 할수 있게 만드는 도구입니다. Cloud이기 때문에 팀원들과 공유가 쉽고 SQL나 PNG로 export가 가능하기 때문에 설계한 erd를 바로 sql서버에 적용해 볼수 있습니다.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 케이스 스타일 길덕근블로그다양한 프로그래밍 관습들이 있지만, 그 중 케이스 스타일(case styles)에 대해 소개하고자 한다. 프로그래밍을 할 때, 변수나 클래스명을 지을 때 보통 공백(" ")을 지우고 그 이름을 짓는다. 변수명을 지을 때 공백을 애초에 허용하지 않고, 띄어쓰기가 있을 경우 변수나 클래스 선언 때 의미가 복잡하거나 모호해질 수 있기 때문이다.https://togll.tistory.com/53 css gradientCSS Gradient - Generator, Maker, and BackgroundAbout 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.https://cssgradient.io/ material designMaterial DesignBuild beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps teams build high quality digital experiences.https://material.io/design/layout/responsive-layout-grid.html#grid-customization BEM 방식[CSS 방법론] BEM 방식오늘은 CSS 방법론 을 다뤄보겠습니다 ;-) 말이 거창하긴 한데 쉽게 풀어쓰면 'CSS 클래스네임을 어떻게 지으면 좋을지' 고민해보는 거죠. 방법론에는 여러 가지가 있는데, 최근 BEM을 실무에 도입하면서 매력을 느끼고 있어요! 그래서 이번 포스트는 BEM에 대한 내용입니다. 한 번 읽어 보시면 도움이 되리라 생각합니다. (*이 포스트의 틀린 부분이나 고칠 점이 있다면 알려주세요!https://nykim.work/15
![[CSS 방법론] BEM 방식](https://www.notion.so/image/https%3A%2F%2Fnykim.work%2Ffavicon.ico?table=block&id=cec7e016-e3a3-43ae-a61a-6b184121024b&cache=v2)
![[CSS 방법론] BEM 방식](https://www.notion.so/image/https%3A%2F%2Fimg1.daumcdn.net%2Fthumb%2FR800x0%2F%3Fscode%3Dmtistory2%26fname%3Dhttps%253A%252F%252Ft1.daumcdn.net%252Fcfile%252Ftistory%252F9959B6425EC140520F?table=block&id=cec7e016-e3a3-43ae-a61a-6b184121024b&cache=v2)