profile
매일매일 공부하고 기록하는 습관을 기르고 있습니다.
post-thumbnail

[프로그래머스] 모의고사 in JavaScript

✅문제 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번

약 2시간 전
·
0개의 댓글
·
post-thumbnail

[html&css] css란? 선택자 알아보기

css를 사용하는 이유? html의 내용과 상관없이 디자인만 바꿀 수 있다.다양한 기기에 탄력적으로 바뀌는 문서를 만들 수 있다 (패드, 노트북, 핸드폰..)스타일 형식은 아래와 같으며, 맨 앞의 선택자는 어느 태그에 적용할 것인지를 알려준다.내부 스타일 시트 : 스타

약 2시간 전
·
0개의 댓글
·
post-thumbnail

[html&css] form 태그 - 입력/양식 작성_2

textarea : 여러줄을 입력한다.select / option : select태그로 목록의 시작과 끝을 표시하고 option태그로 value속성을 이용해 서버로 넘겨주는 값을 지정한다. 기본형은 아래와 같고 실제로 화면에는 그 밑의 예제작처럼 나타난다.예제작butt

약 24시간 전
·
0개의 댓글
·
post-thumbnail

[html&css] 사용자 입력을 위한 input 태그

아이디나 검색어를 입력하는 상자처럼 사용자가 입력할 부분은 주로 ``태그를 이용한다. 넣을 수 있는 요소가 아주 다양하기 때문에 요소마다 어떤 특성이 있는지 알아야 한다.

어제
·
0개의 댓글
·
post-thumbnail

[html&css] form 태그 - 입력/양식 작성

입력받은 자료를 어떤 방식으로 서버로 넘길 것인지, 서버에서 어떤 프로그램을 이용해 처리할 것인지를 지정한다.autocomplete : 폼에서 내용을 입력할 때 예전에 입력한 내용을 자동으로 표시해 주는 것을 자동 완성 기능이라고 한다. 기본 속성값은 on. 아래와 같

2일 전
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 문자열 내 마음대로 정렬하기 in JavaScript

문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e

2일 전
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 소수 찾기 in JavaScript

1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요.

2일 전
·
0개의 댓글
·
post-thumbnail

[JavaScript] 문자열 반복 함수 .repeat

별 찍기 문제를 풀다가 마주친 반복함수. 📌string.repeat( count ) string을 count만큼 반복한다. 문자열 hello를 두 번 반복하여 'hellohello' 가 된다. > 도움이 되었던 사이트들. https://jaypedia.tist

6일 전
·
0개의 댓글
·
post-thumbnail

[html&css] 가상 클래스 / 가상 요소

가상 선택자 CSS에는 가상 요소(:pseudo-element)와 가상 클래스(:pseudo-class)가 있다. 이것들을 사용해서 html 문서의 수정 없이 CSS만으로 디자인적 요소를 추가할 수 있어 html 문서에 쓸데없는 태그를 사용하여 화면 리더기 등에 쓸데

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

[html&css] nav 태그

사이트에서 주요한 네비게이션 역할을 하는 링크 그룹을 담을 때에 사용한다. Semantic 태그를 사용하는 것이 좋으므로 필요할 때에는 일반적인<div>가 아닌 <nav>를 사용하도록 한다. 스크린 리더를 이용하는 사용자가 네비게이션을 쉽고 빠르게 찾을 수

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

[html&css] 반응형 nav bar 만들기_2

html&css 반응형 nav bar 만들기\_1 에서 html은 모두 작성을 마쳤고, 나머지는 css로 예쁘게 꾸며준다.flex box를 잘 다룰 줄 안다.justify-content, align-item, flex-direction.. 개구리 게임으로 익혔던 감을

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

[html&css] 반응형 nav bar 만들기_1

아래는 만들어야 할 예제작 🔑 key point 각 홈페이지가 어떻게 나뉘는지 구조를 파악한다. 이 경우에는 두가지 모두 logo / menu / link 의 세가지로 나뉜다. 🔎 part. logo head 안에 css 파일과 연결하도록 link 생성

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

[JavaScript] DOM이란?

Document Object Model 접근한다. 제어한다. 웹 문서를 객체화 한 것을 말한다. 웹브라우저는 HTML 문서를 해석하고, 화면을 통해 해석된 결과를 보여준다. 해석한 HTML 코드를 화면을 통해 보여주는 과정을 '렌더링'이라고 한다. 렌더링의 세부

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

[html&css] css 기본 개념 정리_6 (id, class, span, div)

분할하다는 뜻의 Division의 준말로, HTML문서 내에서 한 개의 가로 공간(Block)을 만드는 태그이다. 한 줄 전체를 차지하고 있지만 고정적인 공간 사이즈를 가지고 있는 것은 아니라는 뜻.

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 배열 요소 각각에 대해 실행하는 forEach

첫 번째 파라미터는 값이 도착한다.두 번재 파라미터로는 인덱스가 도착세 번째 파라미터로는 forEach중인 배열이 도착forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행합니다. 삭제했거나 초기화하지 않은 인덱스 속성에 대

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

[JavaScript] filter함수

주어진 배열의 값들을 오름차순으로 접근해 callbackfn을 통해 true를 반환하는 요소를 기준으로 신규 배열을 만들어 반환한다

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 두 개 뽑아서 더하기 in JavaScript

정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요.

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 없는 숫자 더하기 in JavaScript

0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요.

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 특정 요소를 포함하고 있는지 판별하는 includes

특정 요소를 포함하고 있는지 판별. searchString : 검색할 문자열로 필수 요소. 대소문자를 구분한다. length : 검색을 시작할 위치. 선택 요소로, 값이 없으면 전체 문자열을 대상으로 한다.

2022년 7월 19일
·
0개의 댓글
·