디노문경

리뷰 헌트는 회원가입을 한 뒤 자신이 원하는 퀘스트를 깨면 돈을 받을 수 있는 사이트입니다. 제일 왼쪽에 '리뷰 헌트 소개 블로그 작성'이라는 퀘스트가 보이는 데, 저도 지금 하고 있습니다! 500자 이상의 글만 쓰면 무려 $4를 준다고 합니다..👍 그럼 이제 어떻게 사용하는지 알아볼까요~? 1. 회원가입 오른쪽 위에 Sign up 버튼을 누르고 사용할 아이디, 비밀번호, 그리고 본인의 이메일을 작성하면 회원가입을 할 수 있습니다. 2. 퀘스트 깨기 사이트에 상당히 많은 퀘스트가 있는 데 이 중에서 본인이 마음에 드는 걸로 하시면 됩니다~! 일단, 리뷰헌트 소개 블로그 작성 퀘스트에 한 번 들어가 볼까요~? 이렇게 들어가서 Quest Instruction을 잘 읽어보고 퀘스트를 깨면 됩니다. 그리고 중요..

방학 후 처음으로 쓰는 글(한 달 만에 쓰는 글)이 애드센스 승인이라니.. 블로그를 2019년 7월에 시작을 했고, 애드센스는 생각하지 않고 그냥 내가 공부한 것을 정리하자는 생각으로 나름 꾸준히 블로그에 글을 올렸다. 굉장히 짧은 글도 몇 개 있지만, 총 121개의 글이 올라가 있는 현 상황에서 '이 정도면 애드센스 되려나?' 하는 호기심으로 그냥 신청해봤는데 바로 됐다...😊 지금은 하루 조회수가 많아야 30정도라서 광고 수익을 기대하지는 않지만.. 그래도 블로그로 조금이라도 돈을 벌 수 있다는 것이 굉장히 기쁘다. 그리고 더 블로그를 열심히 해야겠다는 의욕이 타오른다👍

이 글은 리베하얀님의 유튜브 강의 "CSS3 기초"를 보고 정리한 글입니다. animation transition vs animation transition은 이벤트가 반드시 있어야 실행되지만, animation은 이벤트가 없이 스스로도 실행될 수 있다. 먼저, keyframes를 만들어주고, 애니메이션을 실행시키고 싶은 요소 안에 animation을 넣어준다. animation: 키프레임명 실행시간 time-function 딜레이 반복횟수 이동방향 flex flex 해버렸지 모얌..? 진짜 완전 편하다..... 대박!! 부모 요소에 display:flex를 주고, 자식 요소에 flex: 1을 주면, 모두 같은 너비로 사이좋게 나눠가진다. float을 써서 하면 부모 요소 높이 사라지니까, clear도 ..

이 글은 리베하얀님의 유튜브 강의 "CSS3 기초"를 보고 정리한 글입니다. border-radius 1. 정사각형에서 한 변의 길이와 같은 값을 border-radius 주면 원이 된다. 2. 둥그스름한 버튼을 만드려면 높이와 같은 값의 radius를 주면된다. 예를 들어, 아래와 같은..! 3. 2개의 값을 주면 border에서는 상하 좌우였지만 border-radius는 11,5시 1,7시 방향을 의미한다. 3개의 값을 주면 11시 1,7시 5시이고 4개의 값을 주면 11시부터 시계방향! 4. border-top-left-radius와 같이 사용해서 한 방향에만 radius를 줄 수도 있다. outline과 outline-offset 1. outline은 border와 비슷한 데 border보다 바..

https://swexpertacademy.com/main/code/problem/problemDetail.do SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com 동아리에서 푼 문제! 이 문제는 풀긴 풀었는 데 답은 잘 나오는 것 같은 데 계속 런타임 에러가 나서 구글링으로 풀었다.. 보고 나니까 내가 푼 풀이가 얼마나 복잡한 풀이였는지 느껴졌다.. 아래의 풀이가 구글링으로 찾은 풀이! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 def solve(arr): count = 0 for i in range(2, len(arr) - 2): height = arr..

https://swexpertacademy.com/main/code/problem/problemDetail.do SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com 동아리에서 푼 문제! 거의 하루 동안 풀었던 것 같다.. 어떻게 하면 모든 경우의 수를 다 가져와서 입력받은 값과 같은지 확인할 수 있을까? 구글링을 해 본 결과, 여러 가지 풀이가 있었지만 지금 내 수준에서 가장 이해하기 쉽고 와 닿았던 풀이는 재귀 함수를 사용해 푸는 것이었다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 def solve(idx, sum): global cnt if idx >= N: return ..

이 글은 리베하얀님의 유튜브 강의 "CSS1, CSS2기초" 를 듣고 정리한 글입니다. 우선순위 전체 선택자(*): 0점 요소 선택자: 1점 클래스 선택자: 10점 id 선택자: 100점 inline style: 1000점 !important: 절대값 (사용법: div { color: red !important } 만약 점수가 같다면 나중에 적은 것의 우선순위가 더 높다. 여백 (padding과 margin) border를 기준으로 안쪽 여백 -> padding 바깥쪽 여백 -> margin div { padding: 4px 8px } 상하 4px, 좌우 8px div { padding: 4px 6px 8px } 상 4px, 좌우 6px, 하 8px div { padding: 1px 2px 3px 4px..

이 글은 리베하얀님의 유튜브 강의 "HTML4 기초"와 "HTML5 기초"를 보고 정리한 것입니다. 특징 1. 현재 위치에 대한 정보를 알려준다. 2. 화면 낭독기가 가장 먼저 읽어주는 요소이다. 팁 * 페이지 마다 title이 따로 있는 것이 좋다(페이지를 이동할 때마다 title 변하도록) * 사이트명 - 현재 위치보다는 현재 위치 - 사이트명이 사용자 입장에서 더 편하다. (탭이 많을수록) 네이버는 사이트명 현재 위치로 되어있고 카카오는 현재위치 | 사이트명으로 되어있다. 특징 1. 제목 (+블록 요소) 2. 인라인 요소와 텍스트만 표현할 수 있다. 3. 계층구조를 준수해야 한다. (h1 -> h2 ->... -> h6 순서대로!) 4. h1요소는 한 페이지에 한 번만 제공해야 한다. 5. 굵은 글..

https://swexpertacademy.com/main/code/problem/problemDetail.do SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com (문제를 여기에 적고 싶지만 무단 복제 금지라고 써있다...) 동아리에서 푼 문제! 내 풀이와 다른 동아리 부원의 풀이를 요약해서 작성! 내 풀이 요약: 먼저, 떠올린 것이 더해서 나오는 숫자를 인덱스로 해서 그에 해당하는 값이 나올 때 마다 인덱스(더해서 나온 숫자)에 있는 값을 1씩 증가시켜주면 되겠다고 생각했다. N과 M은 4부터 20사이의 숫자이므로 N+M의 최대값은 40! 따라서, 크기가 40인 int형 배열을 선언해준 뒤 0으로 초기화하고, ..

https://swexpertacademy.com/main/code/problem/problemDetail.do SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com 동아리 CSI (Char String Int) 에서 푼 문제인데 나는 안 풀려서 구글링으로 풀었다. 다른 분은 푸셨는 데 정말 깔끔 그 자체...! 내가 구글링으로 푼 풀이 (Python) 내가 푼 풀이를 요약하면 방향에 따라(왼쪽, 오른쪽, 위의 순서대로) x, y가 다음 움직일 위치(to_x / to_y)를 정하고, 그 위치가 맞는 위치인지 확인하고(if문) 아니면 방향을 바꾸고(continue) 맞으면 움직인다.(x = to_x / y = to_y..