전체 글 78

[짧은 개발지식] Scrum(스크럼)이란?

1. Scrum(스크럼)이란 무엇인가? Scrum은 애자일 소프트웨어 개발방법 중 하나로, 프로젝트 관리를 위한 상호 점진적 개발 방법론이다. 이 방법은 특정 언어나 방법론에 의존적이지 않은 넓은 응용 범위의 개발 기법이다. 사람과 팀,조직이 복잡한 문제에 대해 적응할 수 있는 해법을 활용하여 가치를 창출하도록 도와주는 경량 프레임워크이다. 팀이 중심이 되어 개발의 효율성을 높이는 일종의 프로세스 프레임워크이다. 2. 스크럼을 사용하는 이유는? 스크럼은 프로젝트 관리를 위한 상호 점진적 개발 방법론으로, 빠르게 개발하고 반복하는 팀을 위해 설계된 프레임워크이다. 스크럼은 팀이 중심이 되어 개발의 효율성을 높이는 일종의 프로세스 프레임워크이다. 스크럼을 사용하면 복잡한 문제를 함께 해결하는 데 도움이 될 ..

카테고리 없음 2023.04.09

[HTML&CSS] 절대길이(px) 와 상대길이(em , rem)

1. 절대길이 - px9:56 → 고정값이라고 생각. 1. px → 대부분 px만 사용한다. cm(센치), in(인치)는 웹에서는 적합하지 않다. ( 화면을 확대, 축소에따라 길이가 달라질 수 있다.) pt (point) 는 가끔 볼 수도 있다. (워드, 한글은 출력할 가정이 있어서 쓰는것) -웹 세상에 적합x 1. px을 지정하면 브라우저에서 확대,축소해도 변하지 않는다. (사용자 설정을 따르지 않는다.) 접근성 문제를 유발할 수 있다. 2. 상대길이 - em, rem8:33 → 기준점에 따라 달라진다. 먼저 보는 결론. rem을 사용하는게 더 직관적으로 이해하기 편할 것이다. 접근성 문제도 해결된다. 1. em ⇒ 1em === 부모의 font-size이다. See the Pen Untitled by..

HTML & CSS 2023.04.09

[제로베이스] 부트캠프에 참여하는 나의 다짐

1. 제로베이스 프론트엔드 스쿨에 참여하는 목적 2023년 4월 1일 ~9월 31일 공식적인 온라인 부트캠프인 제로베이스의 일정이다. 시작 제로베이스에 참여하는 나의 진짜 목적 프론트앤드 개발자가 되기로 마음먹고 독학을 시작했지만, 방향성을 잡기 어려웠다. 어떤 분야든지 마찬가지겠지만, 나는 기초를 정말 중요하게 생각한다. 세상 대부분 문제들은 결국 응용을 통해 해결되는데, 응용을 하기 위해 기초지식이 받쳐지지않으면 더빠르게 한계에 맞닥뜨리게 될 것이다. 결국 더 좋은 해결방안은 여러가지 기초적인 생각들이 모이고 쌓여 만들어질 것이라고 생각한다. 프론트엔드 개발자란 프론트엔드 개발자는 웹사이트나 앱의 사용자 인터페이스(UI)를 개발하는 역할을 수행하는 전문가입니다. 이는 HTML, CSS, JavaScr..

개발일기 2023.04.06

button 태그 vs input 태그

https://developer.mozilla.org/ko/docs/Web/HTML/Element/button : 버튼 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 클릭 가능한 버튼을 나타냅니다. 버튼은 양식 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다. 기본값의 HTML 버튼은 사용자 에이전 developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/HTML/Element/input : 입력 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다..

HTML & CSS 2023.04.05

[programmers] Lv0. 모스부호(1) Day9

나의 풀이과정 idea 1. 문제에있는 모스부호 객체를 코드로 옮겨준다. 2. 매개변수로 들어오는 문자열 letter을 split()함수를 이용하여 나눠 변수 letterSplit에 저장해준다. 2-1. 그럼 이렇게 배열 형태로 저장된다. let letterSplit = [ '....', '.', '.-..', '.-..', '---' ] 3. letteSplit 배열을 배열 길이만큼 반복해주며 배열 각 요소가 morse의 key와 같다면 morse[key]에해당하는 값을 출력해주면 문제가 해결된다. function solution(letter) { let answer = ''; let morse = { '.-':'a','-...':'b','-.-.':'c','-..':'d','.':'e','..-.':..

[JavaScript] find() 메서드 알아보기

Array.Prototype.find() 배열 요소 중, 첫 번째 요소만 골라내고 싶다면 사용하자. find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환한다. 그런 요소가 없다면 undefined를 반환한다. 1. 기본 구문 ( MDN ) arr.find(callback[, thisArg]) 2. 사용법 Arr.find(function(item,index,array){}) 2-1. 매개변수 item : 배열 요소 index: 배열 위치 array: 베열 예제1. 간단한 배열의 경우 const array1 = [5, 3, 46, 34, 11 ,6, 46]; const found = array1.find(element => element > 10); console.log(found);..

JavaScript 2023.03.27

[programmers] Lv0. 외계행성의 나이 Day8 re[]

나의 풀이 idea 1. number 타입을 string타입으로 바꾼다. 2. 반복문을 사용하여 string 각 자리수를 숫자와 일치하는지 확인하여 문자로 바꿔준다. function solution(age) { var answer = ''; const stringAge = String(age); let cnt = 0; while(cnt < stringAge.length){ if(stringAge[cnt] === '0'){ answer = answer + 'a'; } if(stringAge[cnt] === '1'){ answer = answer + 'b'; } if(stringAge[cnt] === '2'){ answer = answer + 'c'; } if(stringAge[cnt] === '3'){ a..