본문 바로가기

분류 전체보기321

KDT 5th 웹개발자 입문 수업 16일차 1. Swiper 사용법 1. 가장 상단 부모는 swiper 클래스 2. 그 다음 은 swiper-wrapper 클래스로 묶어줘야 한다. 3. 슬라이드가 될 컨텐츠는 swiper-slide 클래스 안에 담아주고, 이는 자동으로 position absolute가 됨 즉, div.swiper > div.swiper-wrapper > div.swiper-slide 가 기본이다 HTML 구조로 일단 담아주고 CSS로 디자인 요소를 잡아준 다음 JS 기능을 넣어주는 순서로 작업해준다. HTML 에 추가로 넣어줄 수 있는 요소들 슬라이드 버튼은 swiper-button-prev / swiper-button-next 슬라이드 페이지 위치 swiper-pagnation swiper-scrollbar JS에서 new S.. 2023. 2. 16.
백준 5597번 과제 안 내신 분? const fs = require('fs'); // const filePath = process.platform === "linux" ? "/dev/stdin" : "./input.txt"; // let inputArr = fs.readFileSync(filePath).toString(); let inputArr = fs.readFileSync(__dirname + '/input.txt').toString(); const stdAllCount = 30; // 1~30 let stdAllArray = []; for(let i = 0; i < stdAllCount; i++) { stdAllArray[i] = i + 1; } // [1, 2,..., 30] let stdArray = inputArr.split.. 2023. 2. 16.
지금까지 배운 것을 바탕으로 To do List 구현 지금까진 강사님이 주신 레퍼런스를 바탕으로 JS 기능을 구현했었는데, 이번 기회에 시간을 내서 HTML과 CSS, JS까지 모두 혼자 구현해보기로 하였다. 부트스트랩을 쓰는게 훨씬 예쁘기는 하겠다만 ... 디자인을 최대한 노력해보며(?) 사실 색 지정이 제일 어려웠다. 이렇게 무식하게 하다보면 언젠가 실력이 늘겠지! 1. HTML To Do List 추가 header를 굳이 나눌 필요는 없어보여서 한 section으로 만들고자 했다. 간단하게 제목 부분 입력 받는 부분 리스트가 추가되는 부분 이렇게 3부분으로 나눠줬다. 여기에 CSS를 입혀준다. 2. CSS section { width: 100vw; } section .inner { box-sizing: border-box; margin: auto; p.. 2023. 2. 16.
Agile 애자일 과 스크럼 소프트웨어 개발 기법 중 한가지 애자일 등장 배경 초기 소프트웨어 개발 방법은 계획 중심의 프로세스 90년대 이후 소프트웨어 분야가 넓어지면서 소프트웨어 사용자들이 일반 대중들로 바뀌기 시작하여 트랜드가 급격히 변하는 시대가 되었다. 비즈니스 사이클(제품 수명)이 짧아졌고 SW 개발의 불확실성이 높아지게 되었다. 개발의 불확실성이 높아지면서 옛날의 전통적 개발 방법 적용이 어려워졌고 사람들은 자신만의 SW 개발 방법을 구축하여 사용하게 된다. 그 중 경량 방법론 주의자들은 일반 해보고 고쳐나가는 방식으로 개발하게 되었다. (규칙은 적게, 가볍고 대응을 잘하는 방법을 적용) 애자일이란 협력과 피드백을 자주하고 일찍하고 잘하는 것 협력 소프트웨어를 개발한 사람들 안에서 협력을 의미 스스로 느낀 좋은 통찰은 .. 2023. 2. 15.

티스토리툴바