코드그라데이션

https://school.programmers.co.kr/learn/courses/30/lessons/120826 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자열 my_string 과 문자 letter 이 매개변수로 주어집니다. my_string에서 letter 를 제거한 문자열을 리턴하도록 함수를 완성해주세요. 제한사항 입출력 예 입출력 예 설명 아이디어 letter은 임의의 값. 어떤 게 주어질 지는 모르지만 문자 하나라는 건 정해짐. 원하는 문자열을 새로 만든다. 새로운 문자열은 주어진 문자열에서 특정 문자열만 없게 만들면 된다는 ..

웹 안에 실행 결과 클릭할때마다 바뀌게 하기 공부하세요. 위 텍스트를 입력해보세요 용어 식 : 표현 문 : 명령 간단한 입출력 알림 창(alert) 변수를 확인하고 싶으면 변수를 텍스트를 표시하고 싶으면 " " 안에 글자 적으면 되고, 함수를 넣을 수도 있다. alert（"안녕하세요?"） 결과 화면 예시 확인 창(alert) 확인이나 취소 버튼 중에서 사용자가 선택할 수 있다. var reply = confirm（"정말 배경 이미지를 바꾸겠습니까?"）; 결과 화면 예시 프롬프트 창 입력 텍스트 필드가 있는 작은 창을 의미 텍스트 필드 안에 간단한 메시지를 입력할 수 있으며, 그 내용을 가져와 프로그램에서 사용할 수 있음. var name = prompt（"이름을 입력하세요.", "아무개"); // 기본값..

자바스크립트가 하는 일 1. 웹의 요소를 제어한다. HTML은 웹 문서의 내용을 구성하고, CSS는 웹 문서의 레이아웃이나 색상, 스타일 등을 지정했다. 자바스크립트를 추가하면 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있다. 웹 사이트 UI 부분에 많이 활용한다. 2. 웹 애플리케이션을 만든다. 과거 웹은 단순히 정보를 나열하고 검색했다면, 최근 웹은 사용자와 실시간으로 정보를 주고 받으며 마치 애플리케이션처럼 동작한다. 이 작업을 가능하게 만드는 게 자바스크립트 3. 다양한 라이브러리를 사용할 수 있다. 과거에는 서버에서 했던 일을 이제는 클라이언트에서도 할수 있다. 클라이언트에서 처리해야 할 기능이 많아지면서 자바스크립트 기능은 더욱 강력해지고 있다. 리엑트, 앵..

가상 클래스 사용자 동작에 반응 특정 동작을 할 때 스타일이 바뀌도록 만들고 싶으면 사용 1) 방문하지 않은 링크에 스타일을 적용하는 ‘link 가상 클래스 선택자’ 웹 문서의 링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용 텍스트 링 크는 기본적으로 파란색 글자와 밑줄로 표시됨 이 때 링크의 밑줄을 없애거나 색상을 바꾸려면 ：link 선택자를 사용한다. 2) 방문한 링크에 스타일을 적용하는 ‘:visited 가상 클래스 선택자’ 웹 문서의 링크 중에서 한 번 이상 방문한 링크에 스타일을 적용 한 번 이상 방문한 텍 스트 링크는 보라색이 기본값. 이 때 사용자가 방문한 텍스트 링크와 색상이 달라지 지 않게 하려면 :visited 선택자를 사용해 조절한다. 3) 특정 요소에 마우스 포인터를 ..

특정 속성이 있는 요소를 선택하는 [속성] 선택자 속성값에 따라 원하는 요소를 선택할 수 있다. 대괄호 사이에 원하는 속성을 입력하면 된다. ex. a 요소 중에서 href 속성이 있는 요소 선택하기 예제 메인 : 1 2 3 4 5 실행 결과 [속성 = 속성값] 선택자 : 특정 속성값이 있는 요소를 선택 주어진 속성과 속성값이 일치하는 요소를 찾아 스타일을 적용할 때 사용 ex. a 요소 중에서 target 속성값이 '_blank' 인 것만 선택하기 예제 - 새 탭으로 열리는 링크에만 아이콘 추가하기 HTML CSS Selector Level 3 미디어쿼리 실행 결과 [속성 ~= 값] : 여러 값 중에서 특정 속성값이 포함된 속성 요소를 선택 속성이 하나면서 속성값이 여러 개일 때 특정 속성값을 찾는 데..

연결 선택자 둘 이상의 선택자를 연결해서 스타일이 적용될 요소가 어느 부분인지 지정하는 역할을 수행 하위 요소 특정 요소를 기준으로 그 안에 포함된 요소를 의미 자식 요소 현재 요소를 기준으로 바로 한 단계 아래 요소 손자 요소 자식 요소의 한 단계 아래 요소 * 연결 선택자의 종류와 설명 1) 하위 선택자 (= 자손 선택자) 부모 요소에 포함된 하위 요소를 모두 선택 자식 요소 뿐만 아니라, 손자 요소, 손자의 손자요소 등 모든 요소들까지... 상위 요소와 하위 요소를 공백으로 구분한다. 예제 - 모든 하위요소에 글자색 빨간색으로 지정 aaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbb ccccccccccccccccccccc dddddddddddddddddd 실행 결과 2) 자식 선택자 하..

선형 그라데이션 색상이 수직 또는 수평, 또는 대각선 방향으로 일정하게 변하는 것 linear-gradient : 이걸 만들어주는 함수 선형 그라데이션 관련 속성 각도 선형 그라데이션에서 색상이 바뀌는 방향을 알려주는 방법 각도는 그라데이션이 끝나는 부분. 값은 deg 로 표기 방향 방향 지시할 때는 끝 지점을 기준으로 to 예약어와 함께 사용한다. to 다음에는 수평 방향 left나 right / 수직 방향 top 이나 bottom 색상 중지점 2가지 색 이상의 선형 그라데이션을 만들 때. 색상이 바뀌는 부분을 지정해 주어야 한다. 그라데이션에서 바뀌는 색을 색상 중지점이라고 함. 쉼표로 색상을 구분 색상만 지정할 수도 있고, 색상과 함께 중지점의 위치도 함께 지정할 수 있다. 예제 - 세 가지 모두 ..

배경 지정하는 속성 background-color : 배경 색 지정하는 속성 스타일 상속에 따르면 글꼴이나 글자 크기 등은 태그 선택자에서 지정하면 문서 전체에 상속 따로 하위 요소에서 스타일을 수정하지 않는 한 문서 전체에 똑같이 적용된다. 예외로 background-color 값은 상속되지 않는다. background-clip : 배경색의 적용 범위를 조정하는 속성 속성값 예제 고양이 현존하는 모든 집고양이들은 대략 2000만년 전에 하나의 조상으로부터 갈라져 나온 것으로 추측되며, 그 중 고양이의 조상으로 여겨지는 것은 아프리카들고양이(Felis lybica)라는 동물이다. 중동에 살던 인류가 약 만년 전에 사막고양이를 가축화하여 인간과 함께 살기 시작한 것으로 생각된다 고양이 현존하는 모든 집고양..