Hello World!!

이틀동안 블로그 테마 바꿔서 리뉴얼 하느라 못풀었으니까 오늘은 많이 풀어야지. 23. 문자열 내림차순으로 배치하기 문제 설명 문자열 s에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해주세요. s는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 간주합니다. 제한 사항 str은 길이 1 이상인 문자열입니다. 입출력 예 s return “Zbcdefg” “gfedcbZ” function solution... Read More

학원 수업 내용 Day5 오늘 진짜 알차고 보람찼다! flex는 예습해서 어느정도 알고 있었지만, 자유시간이 주어져서 flex 이용해서 header부분만 만들었는데 반응형까지 하고싶어서 진짜 급하게 했다. 정신 날아가는 줄 알았다… 그리고 다양한 css 선택자를 배웠는데 유용하게 쓸 수 있을 것 같다. /* A+B : A 바로 뒤에 있는 B 선택 */ h2+ul{ color: blue; } /* A~B : A 뒤에 나오는 모든 연결된 B 선택 */ h2~ul{ color: blue; } /* 대괄호 : 해당 속성 선택 */ input[type='email']{ color: blue;... Read More

학원 수업 내용 Day4 그동안 독학으로 공부했던 내용들이 나와서 뭔가 심심한 느낌이었는데, 오늘 드디어 안해본걸 배웠다. 바로 sass. css만 써오다가 지킬 블로그 설치하면서 처음 봤는데, 제대로 배운건 처음이라 신선했다. 확실히 그냥 css로 작성하는 것 보다 훨씬 편하고, 상하위 관계가 한눈에 보여서 구조도 알기 쉬운 듯. 스타일을 미리 선언했다가 재사용도 가능하고 for문도 돌리고… 역시 안해본 걸 해보는게 제일 재밌다. sass 예제 1 링크 sass 예제 2 링크 3단 네비게이션 링크 기업형 레이아웃 css를 scs... Read More

오늘은 4개! 재밌어서 더 풀고 싶지만 인프런 봐야해서 4개만.. 19. 수박수박수박수박수박수? 문제 설명 길이가 n이고, “수박수박수박수….”와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 “수박수박”을 리턴하고 3이라면 “수박수”를 리턴하면 됩니다. 제한 조건 n은 길이 10,000이하인 자연수입니다. 입출력 예 n return 3 “수박수” 4 “수박수박” ... Read More

학원 수업 내용 Day3 가상 요소 선택자 ::before과 ::after를 활용한 예제와 기업형 레이아웃을 제작했다. 블로그가 오징어로 보인다. 블로그 디자인을 바꿔야겠다. js를 활용할 날이 다가오고 있다. 기대기대! hover 예제 링크 기업형 레이아웃 예제 링크 Read More

레벨 1이니까 매일매일 3개는 풀어야지 16. 나누어 떨어지는 숫자 배열 문제 설명 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하세요. 제한사항 arr은 자연수를 담은 배열입니다. 정수 i, j에 대해 i ≠ j 이면 arr[i] ≠ arr[j] 입니다. divisor는 자연수입니다. array는 길이 1 이상인 배열입니다. 입출력 예 arr ... Read More

학원 수업 Day2 css transform, animation이 주된 내용이었다. 각도가 머릿속에서 잘 안그려져서 고생했지만, 결과물을 보니 꽤 재미있다. filter 효과 비교 링크 transform 속성 비교 링크 transition 적용 예제 링크 레이아웃 연습 링크 transform 3D 효과 비교 링크 animation 효과 예제 1 링크 animation 효과 예제 2 링크 transform 효과 버튼 적용 예제 링크 transform 3D + a... Read More

학원 수업 내용 Day1 CSS - float 을 활용한 레이아웃 만들기가 주된 내용이었다. float은 이미 알던 내용이라 특별히 어려운 점은 없었고 기업형 레이아웃에 많이 쓰이는 12 그리드 시스템을 배웠다. float 연습 1 링크 float 연습 2 링크 float 연습 3 링크 float 활용 레이아웃 연습 1 링크 float 활용 레이아웃 연습 2 링크 float 활용 레이아웃 연습 3 링크 margin 역상속 해결 링크 viewport 관련 단위 학습 (vw,... Read More

학원 수강 첫날! 초반은 온라인 수업이라 심심하다. 어서 오프라인 수업날이 왔으면.. 11. x만큼 간격이 있는 n개의 숫자 문제 설명 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 제한 조건 x는 -10000000 이상, 10000000 이하인 정수입니다. n은 1000 이하인 자연수입니다. 입출력 예 x n answer ... Read More

강의 듣고싶은데 에어팟을 두고 왔다 흑흑 연습문제나 풀어야지. 8. 정수 내림차순으로 배치하기 문제 설명 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. 제한 조건 n은 1이상 8000000000 이하인 자연수입니다. 입출력 예 n return 118372 873211 function solutio... Read More