일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- baekjoon
- 백준
- 국비지원취업
- 기초
- 국비지원교육
- js
- 부트캠프
- 디자인챌린지
- 구현
- Be
- UXUI챌린지
- knu
- javascript
- 백엔드개발자
- 코드스테이츠
- 국비지원
- 환급챌린지
- 문자열
- KDT
- 백엔드 부트캠프
- OPENPATH
- 내일배움카드
- UXUI기초정복
- 오픈챌린지
- UXUIPrimary
- 직무역량캠프
- 디자인강의
- 패스트캠퍼스
- 디자인교육
- 오픈패스
- Today
- Total
목록목록 전체 보기 (57)
군만두의 IT 공부 일지
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bd0Avr/btsFaavtG9W/FHODCao1NMykyOY7Rw8R81/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 Javascript의 반복문(for, while, do...while)과 함수의 사용법을 정리함. 더보기 🚀5. 반복문 1) for문 for문은 초기화, 조건식, 증감식을 포함하여 반복적인 작업을 수행할 때 사용됨. 2) while문 while문은 주어진 조건이 참인 동안 코드 블록을 반복 실행함. 조건식만 있으며, 초기화와 증감식은 코드 블록 안에서 처리해야 함. 3) do...while문 do...while문은 최소 한 번은 코드 블록을 실행한 후 조건을 검사함. 이는 조건이 처음부터 거짓이라도 코드 블록을 최소 한 번은 실행하고자 할 때 유용함. 🚀6. 함수 1) 함수의 선언과 호출 함수는 function 키워드를 사용하여..
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 JavaScript 프로그래밍 언어에서 변수의 선언과 할당, 조건문(if, else)의 사용법을 정리함. 더보기 🚀3. 변수의 선언과 할당 1) 변수 선언 let과 const 키워드를 사용해 변수를 선언함. var는 오래된 키워드로, 현대적인 JavaScript 코드에서는 사용을 지양함. 2) 값의 할당 할당 연산자 =를 사용하여 변수에 값을 할당함. 3) 데이터 타입 JavaScript에서는 숫자, 문자열, 불리언, 배열, 객체 등 다양한 데이터 타입을 변수에 할당할 수 있음. 4) 재할당과 상수 let으로 선언된 변수는 재할당이 가능하지만, const로 선언된 변수는 재할당이 불가능함. 🚀4. 조건문 1) if문 주어진 조건..
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 JavaScript 프로그래밍 언어의 기본적인 개념과 실행 방법, 주요 데이터 타입(Number, String, Boolean)에 대해 정리함. 더보기 🚀 JavaScript 기초 1) JavaScript 기초 JavaScript는 HTML 파일 내에서 브라우저를 통해 실행되거나, Node.js 환경에서 실행됨. REPL 환경을 통해 간단한 JavaScript 코드를 실행하고 결과를 바로 확인할 수 있음. 2) console.log() 메서드 console.log() 메서드를 사용하여 개발자 도구의 콘솔이나 터미널에 원하는 값을 출력함. 3) 주석 코드 설명을 위해 주석을 사용할 수 있으며, JavaScript에서는 //로 단일..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qRQyJ/btsE9Ep4C6L/oznm4RYZziGaN3WAu1LZlk/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 HTML과 CSS를 활용하여 Flexbox를 이용한 레이아웃 구성 방법과 각 속성의 적용에 대해 정리함. 더보기 🚀 HTML 구성과 Flexbox 활용 1) HTML 구성 웹 페이지의 콘텐츠 흐름은 기본적으로 좌에서 우, 그리고 위에서 아래로 진행됨. 효율적 관리를 위해 Flexbox 레이아웃을 활용하여 수직 및 수평 분할을 적용할 수 있음. 2) Flexbox 레이아웃의 기본 Flexbox를 사용함으로써, 개발자는 컨테이너 내의 항목들을 유연하게 정렬하고, 각 요소가 차지하는 공간을 쉽게 조절할 수 있음. display: flex 속성은 요소들을 가로로 정렬하며, Flexbox 속성을 통해 세밀한 레이아웃 조정이 가능함. 3)..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c4UUrA/btsE6HOKC6m/biJZftwiviqv4hrI1AckCK/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 웹 개발 프로젝트의 초기 단계에서 와이어프레임과 목업을 활용에 대해 정리함. 더보기 🚀 HTML/CSS 활용 1) 와이어프레임(Wireframe) 웹 페이지의 기본 구조를 설계하는 과정으로, 핵심 요소와 기능을 배치하여 전체적인 페이지 레이아웃을 계획함. 프로젝트의 목적과 요구 사항을 명확히 하고, 초기 단계에서 디자인과 기능에 대한 이해도를 높임. 2) 목업(Mock-up) 와이어프레임을 기반으로 한 단계 더 발전된 디자인 단계로, 실제 제품과 유사한 방식으로 HTML 문서에 구현됨. 목업을 통해 실제 콘텐츠와 디자인 요소를 사용하여, 최종 제품의 모습을 시각적으로 예측할 수 있음. ⭐HTML/CSS 활용 1. 와이어프레임(W..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/znWV7/btsE6WRqS1t/rxzI6S1a02hSd53XKbB290/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 웹 페이지의 스타일과 레이아웃을 결정하는 데 필수적인 CSS의 기초적인 내용을 정리함. 더보기 🚀 CSS 기초 1) CSS(Cascading Style Sheets) 웹 페이지의 스타일과 레이아웃을 결정하는 스타일시트 언어. CSS는 색상, 글꼴, 크기, 간격 등 웹 페이지의 시각적 요소를 제어할 수 있음. 2) 박스 모델 웹 페이지를 구성하는 모든 요소는 박스 모델로 표현됨. 요소의 콘텐츠, 패딩(padding), 테두리(border), 마진(margin)으로 구성됨. 3) 선택자 CSS에서는 다양한 선택자를 사용하여 특정 요소에 스타일을 적용할 수 있음. id 선택자, class 선택자, 태그 선택자, 속성 선택자 등이 포함..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bPrUjH/btsE7tWEApD/eBH63Qf0MTPj858E5p2Qwk/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 학교에서 진행하는 프로그램에 참가하여 Jsvascript(프론트엔드) 부트캠프를 진행함. 웹 페이지의 구조를 형성하는 HTML 마크업 언어와 시멘틱 태그의 중요성에 대해 정리했음. 더보기 🚀 HTML 기초 1) HTML (HyperText Markup Language) 웹 페이지의 구조를 정의하는 마크업 언어. JavaScript와 같은 프로그래밍 언어와는 다르게, HTML은 웹 페이지의 뼈대를 이루는 태그(tag)들로 구성. 2) Tag HTML을 이루는 기본적인 구성 요소로, 부등호()로 묶인 명령어. 이 태그들은 웹 브라우저에게 텍스트와 이미지 같은 콘텐츠를 어떻게 표시해야 하는지를 알려줌. 3) 시멘틱 요소 HTML5에서..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cJEacw/btrUSzmpiIO/KO0b9VOna7ph0zqca5FmT0/img.png)
✅문제: 25083번 📌개념정리 (1) ' " \ 등 출력 정의: 출력할 문자열 앞에 \를 붙임. 예) \', \", \\ 등 (2) r(raw string) 정의: \b(백스페이스) , \" (큰따옴표 출력) , \n(줄바꿈) 등과 같은 escape문에 raw string을 사용하면 escape문이 동작되지 않고 문자 그대로 출력됨. 출력할 문자열 앞에 r을 붙임. 예) r"C:\programs\Test\Bin'" 📌문제풀이 print(r''' ,r'"7 r`-_ ,' ,/ \. ". L_r' `~\/ | |''') print(r''' ''')에서 공백 부분에 문자열을 복붙해서 넣음. 📌 후기 다른 문제(10171번, 10172번)의 숏코딩에서 본 것을 활용함. 이전에는 \를 사용하는 방법으로 출력했는..