문법문자보간선택자나 속성은 일반 변수로 처리가 불가능합니다.이를 처리하려면, #{var_name}을 사용하면 코드의 어디든지 변수 값을 넣을 수 있습니다.// SCSS$font-family: "Roboto";@import url("/fonts/#{$font-family}");.header { font-family: #{$font-family};}=== Compile ===// CSS@import url("/fonts/Roboto");.header { font-family: Roboto;} 위 코드는 .header 클래스에 Roboto 폰트를 적용하는 코드입니다. font-family 속성은 일반 변수로 처리할 수 없기 때문에, #{var_name}을 사용하여 변수 값을 넣어줍니다. 가변 인수가변 인수..

🌐 크로스 브라우징이란?크로스 브라우징이란?어떤 환경에서 접근하여도 동등하게 작동되는 것을 말합니다. 📢 크로스 브라우징을 해야 하는 이유크로스 브라우징을 해야 하는 이유가 요즘 대부분의 사람들이 크롬이나 웨일을 쓴다고 생각합니다.브라우저 점유율 확인 사이트에서 한국 브라우저 점유율 확인해 본 결과 압도적으로 크롬 브라우저 사용자가 많다는 것을 알 수 있습니다. 하지만 압도적으로 많다고 하여 16%의 IE유저와 그 이하 브라우저 사용자가 해당 브라우저로 접속했을 때 소외감을 느껴서는 안 됩니다. 🔨 크로스 브라우징을 하는 방법크로스 브라우징을 하는 방법으로 가장 좋은 방법으로는 각 브라우저를 직접 들어가는 방법입니다.체크 리스트크롬웨일IEFirefoxEdgeOperaSafari특이사항윈도우에서 작업..

🤔 SCSS의 핵심...이라고 생각하는 것3 중첩은 개인적인 기준입니다.저는 SCSS의 핵심은 중첩이라고 생각합니다. 보통 3 중첩 기준으로, MAX 4중첩으로 작성합니다.3중첩을3 중첩을 기준으로 하는 이유는 3 중첩을 지키지 않고 작성하다 보면 코드 길이가 엄청 늘어나고, 컴파일된 CSS에도 엄청나게 많이 중첩된 클래스를 볼 수 있습니다.4 중첩 이상 필요할 경우 아래와 같이 작성합니다.#wrap { .A .B { color: red; }}📄 SCSS 문법이번 글에서는 SCSS를 작성할 때, 기본적으로 많이 사용되는 문법을 위주로 써보겠습니다.UTF-8 설정코드 내에서 한글을 사용하려면 설정해야 합니다.@charset "UTF-8";상위 선택자&을 사용하면 부모 선택자를 참조(치환)할 수..

🤔 Sass(SCSS)란?"Sass"는 문서의 구조를 깔끔하고 효율적으로 코드를 작성할 수 있게 해주는 CSS 상위에 있는 메타언어입니다.🔎 Sass / SCSS 차이Sass와 SCSS의 핵심은 같지만 가장 큰 차이점은 {}(중괄호)와 ;(세미콜론)를 쓰고 안 쓰고 차이입니다.이 글에서는 SCSS로 작성될 예정입니다.// Sass#wrap color: red // SCSS#wrap { color: red;} 📝 설치하기SCSS를 설치하는 방법으로는 2가지가 있습니다.SCSS 컴파일 형식nested : 뎁스별로 구분해서 컴파일compact : 요소에 스타일이 속성을 한 줄씩 정렬해서 컴파일expanded : 요소에 모든 스타일을 한 줄에 컴파일compressed : 모든 요소를 공백 없이 컴파일..

django set파일에 있는 urls.py 를 이렇게 바꿔줍니다. 그리고 blog 파일에서 urls.py 파일을 만들고 이렇게 써두고    blog에 views.py 파일에 들어가서 작성해주시고 http://127.0.0.1:8000/blog/에 들어가보면   이런 오류가 나야 정상입니다. url에 대해 잠깐 설명하자면, url(r'^blog/$', views.List, name="list"), '^'는 시작이라는 뜻이고, '$'는 뒤에 오는 것은 없다., 'name'은 나중에 url 이동할 때 쓰입니다. blog 파일안에 'templates' 이라는 폴더를 만들어주시고, 안에 'blog' 라는 이름의 폴더를 만들어 줍니다. (templates/blog) blog파일 안에 'list.html' 를 만들..

지난 번에 모델을 만들었는데요, 그 모델을 관리하고 테스트해보겠습니다. admin.py 파일에 들어가서from django.contrib import admin from .models import Post admin.site.register(Post) 을 입력해주면 Post라는 모델에 관한 관리자 페이지에 띄워줍니다. python manage.py createsuperuser를 입력하면 입력창이 뜹니다.  질문?에 알맞게 입력한 후 을python manage.py runserver입력하면 서버가 켜집니다.  http://127.0.0.1:8000/로 들어가보면 http://127.0.0.1:8000/admin이런 사이트가 나타납니다.  으로 들어가보면 관리자 페이지가 나타납니다.  아까 create..