728x90

2025/08 6

[웹 국비 교육 57일차] SASS/SCSS : 00 (25.8.18.)

안녕하세요! 2025년 8월 18일, UI·UX 반응형 웹퍼블리셔 국비 지원 수업 57일차 수업 내용을 정리해보았습니다. 오늘은 00에 대해 배웠습니다. 57일차 학습내용 10강## @for문 이용한 반응형 섹션 구현11강## SCSS VSCODE 세팅"liveSassCompile.settings.generateMap": false, // 만일 .map 파일 생성을 끄고 싶다면"liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".css", "savePath": "~/../css" // 내가 원하는 css 저장 폴더 경로 설정 } ],"liveServer.settings.do..

카테고리 없음 2025.08.18

[웹 국비 교육 56일차] SASS/SCSS : 매개변수 초기화, @if문과 미디어쿼리, @for문 등 정리(25.8.14.)

안녕하세요! 2025년 8월 14일, UI·UX 반응형 웹퍼블리셔 국비 지원 수업 56일차 수업 내용을 정리해보았습니다. 오늘은 @mixin 사용법 - 매개변수 초기화, @if문과 미디어쿼리, @for문, @for문을 이용한 배경이미지 적용에 대해 배웠습니다. 56일차 학습내용 6강## @mixin 사용법 - 매개변수 초기화7강## @if문과 미디어쿼리8강## @for문9강## @for문을 이용한 배경이미지 적용

카테고리 없음 2025.08.18

[웹 국비 교육 55일차] SASS/SCSS : 기본 사용법, SASS/SCSS 변수, @mixin 사용법 등 정리(25.8.13.)

안녕하세요! 2025년 8월 13일, UI·UX 반응형 웹퍼블리셔 국비 지원 수업 55일차 수업 내용을 정리해보았습니다. 오늘은 SASS(SCSS) 기본 사용법, SASS/SCSS 변수, @mixin 사용법(매개변수와 인자)에 대해 배웠습니다. 54일차 학습내용 1강## SASS/SCSS 쓰는 이유CSS는 웹페이지의 스타일을 정의하는 데 매우 유용하지만, 프로젝트 규모가 커지고 구조가 복잡해질수록 코드의 중복이 많아지고 관리가 어려워지는 문제가 발생합니다.SASS는 이러한 문제를 해결하기 위해 고안된 CSS 전처리기로, 더 나은 구조화, 재사용성, 가독성을 제공하여 유지보수를 용이하게 합니다. ## SASS/SCSS는 CSS를 대체하기 위한 언어가 아니다.SASS는 CSS를 대체하는 것이 아닌, C..

[웹 국비 교육 54일차] SASS(SCSS) 기초: BEM CSS 명명법, CSS nesting(중첩 css) 사용방법 등 정리(25.8.12.)

안녕하세요! 2025년 8월 12일, UI·UX 반응형 웹퍼블리셔 국비 지원 수업 54일차 수업 내용을 정리해보았습니다. 오늘은 SASS(SCSS) 기초인BEM CSS 명명법, CSS Logical Properties, CSS nesting(중첩 css) 사용방법, CSS nesting에서 media 쿼리 중첩에 대해 배웠습니다. 54일차 학습내용 1강## BEM CSS 명명법2강## CSS Logical Properties3강## CSS nesting(중첩 css) 사용방법 uxui 1차 메뉴 아이템..

혼자 JS 튀킴: 반복문(while), 다중 while문, 반복문(for) 복습

안녕하세요! 오늘은 국비 수업시간 때 배운 자바스크립트 반복문을 다시 복습하는 시간을 가졌습니다.특히 while문, 다중 while문, for문을 실습하다 보니 헷갈리는 부분이 있어서 정리해봤어요. 반복문이란?: 반복문은 특정 코드를 여러 번 실행하도록 하는 문법입니다.예를 들어, "안녕하세요"를 10번 출력하려면 그냥 10줄을 쓰는 대신 반복문으로 한 줄만 작성해서 반복하게 만들 수 있습니다.while문: while문은 조건이 참(ture)인 동안 코드를 반복합니다. 기본 구조while (조건식) { // 실행할 코드} 예시let i = 1;while (i 설명i가 1에서 시작i 실행할 때마다 i가 1씩 커짐 -> 1,2,3,4,5 출력 후 종료다중 while문: while문 안에 또 다른 whil..

[웹 국비 교육 52일차] Git: GitHub 기초, 리포지터리 생성 정리(25.8.6.)

안녕하세요! 2025년 8월 6일, UI·UX 반응형 웹퍼블리셔 국비 지원 수업 52일차 수업 내용을 정리해보았습니다. 오늘은 Git: GitHub 기초, 리포지터리 생성에 대해 배웠습니다. 52일차 학습내용 ## GitHubGit은 개발자가 작성한 코드를 버전별로 관리해주는 도구이다.마치 '문서 히스토리'처럼, 과거의 코드 기록을 남겨두고 되돌아갈 수 있다.누가언제어떤 코드를 수정했는지→ 기록으로 남기고 관리할 수 있음!> Git은 로컬(내 컴퓨터) 중심 도구이다.## GitHubGitHub는 Git으로 관리되는 코드를 온라인에 올릴 수 있는 플랫폼이다.Git은 "저장하고 관리"GitHub는 "공유하고 협업"하는 공간> 즉, Git은 집, GitHub는 클라우드 저장소라고 생각하면 된다.## Git 기..

728x90