You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
![[PUG] 📚 퍼그 문법 총정리 - 한눈에 마스터하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbd7RHp%2FbtrjLjBb9Hp%2FdJdhfZ3VkM5JqkLuxJwFiK%2Fimg.png)
[PUG] 📚 퍼그 문법 총정리 - 한눈에 마스터하기
Pug 태그 문법 Pug와 HTML 문법 구성을 서로 비교해가며 익혀보자. 기본 태그 입력 Script / Style 태그 안에 다른 언어 (js, css)를 쓰는 특별한 태그는 반드시 뒤에 점. 을 찍어주어야 인식된다. 태그 속성 입력 id / class 속성 입력 div 같은건 생략이 가능하다 Attributes(속성) 입력 1. 속성 하나 넣기 2. 속성 여러개 넣기 3. 속성에 자바스크립트 매핑 4. Boolean 속성 처리 boolean속성은 true일 때만 표시 텍스트 넣기 엘리먼트 다음에 한칸 띄고 내용을 적으면 된다. 유의 할점은, 태그 쓰고 한칸 스페이스 띄면 바로 평문 처리되니 조심하자 긴 문장을 입력하려면 pip | 을 쓰면 된다. 인라인 태그(inline Tags) 인라인 태그 처리..
🔮 부트스트랩 템플릿 사이트 모음집
부트스트랩 템플릿 사이트 모음 Bootstrap는 반응형 웹디자인을 기본으로 하고 있고, 다양한 웹 요소들의 디자인과 기능을 포함하고 있어 손 쉽게 사이트를 제작할 수 있다. 자신의 사이트에 맞는 디자인을 제작해서 사용하기는 하지만, 디자인의 비중을 조금 낮추고 전체 반응형으로 정형화된 템플릿을 찾을때 부트스트랩을 많이 사용하는 편이다. 하지만, Bootstrap 기본 디자인 모양은 매우 칙칙하고 차별화 되지 않기 때문에, 부트스트랩 템플릿을 이용하면, Bootstrap 기반이 아니라고 생각할 정도로 확연히 다른 모습은 아니지만 어느 정도 특색있는 디자인으로 꾸밀 수 있다. 거기다 최근에 부트스트랩5로 업그레이드 되면서 속도와 최적화 부분이 많이 향상되었다. 따라서, 처음 부터 일일히 css 디자인 작업..
![[JS] 📚 ES6 템플릿 리터럴 사용법 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc8b4ck%2FbtrfuPxsIgy%2FfpSRbV57lFt2ZgiFFHL6z0%2Fimg.png)
[JS] 📚 ES6 템플릿 리터럴 사용법 정리
Template literals 템플릿 리터럴이란 자바스크립트에서 문자열을 입력하는 선진적인 방식입니다. 템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다. 템플릿 리터럴 기본 문법 `string text` // 문자열 표현 `string text line 1 string text line 2` // 개행된 문자열 표현 var expression; `string text ${expression} string text` // 변수값 문자열 조합 function tag() { }; tag `string text ${expression} string text` // 함수 호출 아규먼트 템플릿 리터럴은 작은따옴표(')나 큰따옴표(") 대신 백틱(`)..
