juni

간단하게 버튼을 눌러 count값을 조정하는 프로그램 작성body {  padding: 20px;}.App {  margin: 0 auto;  width: 400px;}.App > section {  background-color: rgb(245, 245, 245);  border: 1px solid rgb(240, 240, 240);  border-radius: 5px;  padding: 20px;  margin-bottom: 10px;}import "./App.css";import Viewer from "./components/Viewer";import Controller from "./components/Controller";import { useState } from "react";// 카운트 값..

git : 형상(버전) 관리 시스템 이라 요약 가능하다git bash : 파워쉘(터미널)의 일종이다. ( 맥은 oh my zsh 다운 추천 )git 과 github의 차이 : 버전 관리 소프트웨어(git) / 버전 관리 시 원격 저장소를 이용하는데 그 중 하나의 서비스 ( github )touch (파일명) : 파일 생성  git add (파일명).(확장자명) : staging area 에 등록 ( git add . 을 입력시 . 은 현재 디렉토리를 의미하여 전체 등록됨 )그리고  .. 은 현재의 상위 디렉토리를 의미git status : git add 전 파일 상태 확인 시 사용 -> git add .-> git commit -m(message 약자) "(메시지 내용)": 버전으로 추가 (버전을 남기는..

movies.forEach((movie) => {    const posterImg = movie.poster_path;    const title = movie.title;    const overView = movie.overview;    const average = movie.vote_average.toFixed(1);    const id = movie.id;    const releaseDate = movie.release_date;    const director = movie.credits.crew.find(      (director) => director.job === "Director"    ).name;    const actor = movie.credits.cast      .sl..

모달 세로 -> 가로 모양으로 변경  document.addEventListener("click", (event) => {    const viewModal = event.target.closest(".card");    if (viewModal) {      const modalId = viewModal.id;      const movieData = movies.find((movie) => movie.id === parseInt(modalId));      if (movieData) {        openModal(`                                    class="movieImg"              src="https://image.tmdb.org/t/p/w500/..

모달 구현  const movieSection = document.getElementById("movieSection");  movieSection.innerHTML = "";  movieSection.innerHTML = movieInfo;  function openModal(text) {    const modal = document.getElementById("modal");    const modalText = document.getElementById("modalText");    modalText.innerHTML = text;    modal.style.display = "block";  }  function closeModal() {    const modal = document.getEl..

div class="container2">            div class="item">                img class="talk" src="/img/talk.png"/>                div>1.착한 말 쓰기div>            div>            div class="item">                img class="talk2" src="/img/talk2.png"/>                div>2.자기 의견 적극적으로 얘기하기div>            div>            div class="item">                img class="talk3" src="/img/talk3.png"/>               ..