기분좋음

var insertFormChk = true; // boolean타입의 변수하나를 정해서 true값 넣어놓는다 console.log("insertFormChk==="+insertFormChk); if(insertFormChk == true) { //값이 true일 경우 화면 출력 실행 $(".savview").html(sav); insertFormChk = false; //화면 출력 후 false로 바꿔준다. } else { //값이 false일 경우 화면 비우기 실행 $(".savview").empty(); insertFormChk = true; //화면 출력 후 true로 바꿔준다. } 임의의 변수 값을 바꿔 줌으로써 조건 완성

ColorSpace (색상 팔레트) https://mycolor.space/ ColorSpace - Color Palettes Generator and Color Gradient Tool Just Enter a Color! And Generate nice Color Palettes mycolor.space 색상 팔레트 -웹사이트에서 주로 사용할 색상 하나를 골라서 헥스 색상값을 입력하면 어울리는 색상 팔레트들을 알려준다. ex) FF6863 알려준 값을 root로 설정해 사용할 수있다. (포인트 줄 때 사용) :root { --color-white: #ffffff; --color-black: #000000; --color-primary: #ff6863; --color-pink: #DD5A87; } CSS..

자바스크립트 공식사이트 가장 많이 사용 (MDN중요)- 예제도 많고 최신정보 업데이트 빠름 https://developer.mozilla.org/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org https://www.ecma-international.org/ Home - Ecma International Ecma International is an industry association dedicated to the standardiz..

순수 CSS사용 flexbox- 71% grid -8% CSS전처리기 -Post processors (간편하고 빠르게 스타일링 가능) Sass (사용유저 多) - 반복문 가능(if, for, each) - 중첩기능 (Total, &:pseudo-class, &:class) PostCSS 만족도 多 Less 개발하기 편한 문법으로 작성하다가 사용자에게 배포 전 순수CSS로 변환해준다 CSS Frameworks bootstrap 사용유저 多 (절대 다수) Tailwind CSS 만족도 多 CSS-in-JS (자바스크립트에서 CSS 적용하는 것) -빈도↓(많이 사용 안함) Style Components 사용유저 多 vanila-extract 만족도 多 출처 -https://www.youtube.com/watc..

MS사에서 만든 Text Editor (간단한 텍스트 에디터) visual studio 단축키보기(왼쪽아래 설정에 바로가기키) command + shift + p, ctrl + shift + p (명령 팔레트 실행) 1. Material Theme 비쥬얼 스튜디오 테마 색상 설정 2.Material Icon Theme icon 모양이 바뀜(가시성이 좋아짐) 3.Prettier 코드 포맷팅 해줌 설치후 → (cmd 에서 settings)설정 → save 검색후 format On Save(자동으로 포맷 가능하게 체크) prettier: tabwidth 2로 설정(현업에서) 가독성 좋게 하기 위해 prettier quote 에서 javascript Quote Style 을 single로 바꿔준다. Type S..

TypeIt 웹사이트 포인트 문구 애니메이션 효과(타이핑효과) https://www.typeitjs.com/ TypeIt The most versatile JavaScript typewriter effect library on the planet. www.typeitjs.com 특징: 용량 4kb도 안됨 의존성 필요x TypeIt → Demos메뉴 see it 에서 활용 방법 확인 사용방법 TypeIt → Documentation메뉴 → Vanilla Javascript(외부 라이브러리나 프레임워크를 사용하지 않은 순수 자바스크립트) 사용방법 html파일에 위에 스크립트 주소를 복사해서 head태그 안에 붙여주고 ScrollOut 스크롤링시 애니메이션 효과 https://scroll-out.github...

영문으로 된 bootstrap 검색해서 사이트 접속 https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com get started 누르고 들어가서 CDN(Content Delivery Network) 다른사람이 올려논 스타일 css코드 (head태그 안에 넣는다) js 코드 (body태그 바로전에 넣는다) component들어가서 원하는 양식을 고르고 코드를 가져온다.(copy) (반응형 웹페이지 지원해줌) layout의 grid(행 열 구성) 한줄의 크기를 12로 할당 행 -row 열-col 사이즈까지 지정가능 화면 크기가 large일때 col크기 3 화면 크기가 ..