본문 바로가기

분류 전체보기106

Queue Queue1. 가시성 확보하기2. 클래스 선언 후 안에 값들 선언하기3. 큐생성자 만든 후 큐값 초기화4. 큐 소멸자 만들기5. enqueue, dequeue, print, clear 구현하기 #include using std::cout;using std::cin;using std::endl;class Queue{private: int* arr; int front; int rear; int cnt; int maxSize;public: Queue(int size) { arr = (int*)malloc(sizeof(int) * size); rear = 0; front = 0; cnt = 0; maxSize = size; } ~Queue() { free(arr); } void Enqueue(int .. 2024. 6. 27.
Stack Stack1. 가시성 확보하기2. 클래스 선언 후 안에 값들 선언하기3. 스택 생성자 만든 후 스택 값 초기화4. 스택 소멸자 만들기5. push, pop, print, clear 구현하기#include using std::cout;using std::cin;using std::endl;class Stack{private: int* arr; // 동적 메모리의 주소 int top; int capacity; // 배열의 최대 용량public: Stack(int size) // 스택 초기화 { arr = (int*)malloc(sizeof(int) * size); top = -1; capacity = size; } ~Stack() // 동적할당 해제 { free(arr);.. 2024. 6. 27.
[JS] js 마스터하기 1. text 출력 2. style 변경 3. 눌렀을 때 보여주기 나는 바보입니다 누르세요 2024. 4. 17.
[web] html + css login 창 Login Email password Remember Me Forget password Login Don't have an account Register @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); * { margin: 0px; padding: 0px; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { width: 100vw; he.. 2024. 4. 15.
[JS] JS 총정리 1. JS 연동방법 2. 경고창 및 출력 /* 1.js 코드 */ console.log("Hleeo"); console.log("반가워요"); // 경고창 window.alert(`This is an alert!`); 3. document.getElementByID // document 웹 페이지 문서 // getElementById id를 불러오겠다 // 화면에 글 나오게 하기 document.getElementById("bang").textContent = "Hello"; document.getElementById("myP").textContent = "logd"; 4. JS 연동방법 5. JS 연동방법 6. JS 연동방법 7. JS 연동방법 8. JS 연동방법 9. JS 연동방법 10. JS 연동방.. 2024. 4. 11.
[CSS] CSS 총정리 1. CSS 사용법 3가지 !! This is my website Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nulla, quis minus suscipit ipsa error illum adipisci. Illum expedita iste aspernatur, velit sit autem earum minus maxime omnis, mollitia consequatur soluta? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nulla, quis minus suscipit ipsa error illum adipisci. Illum expedita iste aspernatur, ve.. 2024. 4. 9.
[HTML] html 총정리 1. tag (링크 이동) click me 2. 메일 email me 3. 사진 4. 음악 (유튜브 무료 라이브러리 다운 이용하기) 5. 동영상 6. 아이콘 (홈페이지) 7. 텍스트 서식 지정 This is normal text This is 굵게 text This is 기울임 text This is 밑줄 text This is 삭제 text This is 크게 text This is 작게 text This is 아래로 내려가기 text This is 위로 올라가기 text This is 고정된 폭 text This is 하이라이트 text 8. , 태그 This is a span title This is a div title This is a span sentence This is a div sente.. 2024. 4. 9.
[CSS] 미디어 쿼리 (반응형 모바일) 마스터하기 ◾ 미디어 쿼리 (반응형 모바일) 1. @midia → @media screen and () @media screen and (max-width: 400px) { div { background-color: blue; width: 100px; height: 100px; } } @media screen and (min-width: 300px) and (max-width: 400px) { div { background-color: blue; width: 100px; height: 100px; } } @media screen and (orientation: landscape) { div { /* 가로 */ } } @media screen and (orientation: portrait) { div { /* 세로.. 2024. 4. 5.
[CSS] Animation(애니메이션) 마스터하기 ◾ Animation (애니메이션) → infinite 무한 반복 → @keyframes 변수이름 {} animation: Flips 5s ease-in-out infinite; @keyframes Flips { from { transform: rotateY(0); } to { transform: rotateY(360deg); } } @keyframes Flips { 0% { transform: rotateY(0); } 50% { transform: rotateY(180deg) translateX(100px); } 100% { transform: rotateY(0); } } 2024. 4. 5.

티스토리툴바