
트랜지션 스타일 속성이 바뀌는 것. 즉, 웹 요소의 스타일 속성이 시간에 따라 바뀌는 것. 트랜지션과 속성 1) 트랜지션의 대상을 지정하는 transition-property 속성 어떤 속성에 트랜지션을 적용할 것인지 대상을 지정해야 한다. transition의 속성값 2) 트랜지션의 진행 시간을 지정하는 transition-duration 속성 속성 지정 후 진행 시간을 지정해야 속성이 자연스레 바뀌는 애니메이션 효과를 만들 수 있다. 시간 단위는 초 또는 밀리초 대상 속성이 여러 개라면 진행 시간도 쉼표로 구분해서 여러 개를 지정할 수 있다. 기본값 transition-duration: 시간 예제 실행 결과(시간 흐름에 따라 계속 팽창) 3) 트랜지션의 속도 곡선을 지정하는 transition-tim..

transform과 변형 함수 2차원 변형과 3차원 변형 2차원 변형은 웹 요소를 평면에서 변형한다. x축은 오른쪽으로 갈수록 값이 커지고, y축은 아래로 내려갈수록 값이 커진다. 3차원 변형은 x축, y축에 원근감 주는 z축을 추가해서 변형한다. 3차원 변형에서 z축은 앞뒤로 이동하며, 보는 사람 쪽으로 다가올수록 값이 커지고, 뒤로 갈수록 값이 작아진다. 2차원 변형 함수 3차원 변형 함수 translate() 함수 : 웹 요소를 이동시킨다. translate( ) 함수는 x축이나 y축 또는 양쪽 방향으로 이동할 거리를 지정하면 해당 요소가 지정한 크기만큼 이동 예제 실행 결과 scale() 함수 : 요소를 확대/축소 괄호 안의 값 (sx, sy, sz)이 1보다 확대되고 1보다 작으면 축소된다. 예..

https://school.programmers.co.kr/learn/courses/30/lessons/120849 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 영어에선 a, e, i, o, u 다섯 가지 알파벳을 모음으로 분류합니다. 문자열 my_string이 매개변수로 주어질 때 모음을 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 제한 사항 입출력 예 입출력 예 설명 아이디어 문자열은 통으로 있고, 하나로 취급하므로 안에 원소를 콤마로 구분하지 않아도 된다. 포함여부를 확인하는 것은 contains() conta..

https://school.programmers.co.kr/learn/courses/30/lessons/181910 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 뒤의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요. 제한 사항 입출력 예 입출력 예 설명 아이디어 substring() 활용 시작점과 끝 점 설정 시 정확하게 했는지 확인 나의 코드 class Solution { public String solution(String m..

https://school.programmers.co.kr/learn/courses/30/lessons/181941 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자들이 담겨있는 배열 arr가 주어집니다. arr의 원소들을 순서대로 이어 붙인 문자열을 return 하는 solution함수를 작성해 주세요. 제한 사항 입출력 예 아이디어 우선적으로 반복문은 필요하다. arr은 타입이고, arr[i]는 원소이다. 나의 코드 초기 작성 코드 class Solution { public String solution(String[] arr) { Stri..