전체 글

[코드업] 3071. 구간에서의 소수 찾기

문제 설명 문제풀이 KEY POINT 에라토스테네스의 체를 사용한 문제였다. 에라토스테네스의 체 알고리즘이란? 1. 2부터 N까지 모든 자연수 나열 후 전체 True처리 2. 남은 수 중에서 아직 처리하지 않은 가장 작은 수 (i) 찾음 3. 남은 수 중에서 i의 배수를 모두 False 처리 4. 반복할 수 없을 때까지 2,3번 과정 반복 위 과정으로 진행되는 알고리즘으로, 배열 내 소수 찾기에 주로 사용된다. import math n = 1000 # 2부터 1,000까지의 모든 수에 대하여 소수 판별 array = [True for i in range(n + 1)] # 처음엔 모든 수가 소수(True)인 것으로 초기화 # 에라토스테네스의 체 알고리즘 for i in range(2, int(math.sq..

[Git] 소스트리 사용하기

소스트리를 사용하면 add, commit, push, remote, pull, log 등을 버튼으로 사용할 수 있다. 1. 로컬(내 pc)에서 업로드 할 파일의 위치에 git init을 해준다. 2. 파일을 드레그 하여 소스트리에 가져다 둔다. 3. 스테이지에 올리기 (= git add) 4. 하단 메세지 창 (= git commit -m "메세지") 5. 왼쪽 history (= git log) 6. 우클릭 > 이 커밋까지 현재 브랜치를 초기화 (= git reset --hard) 7. 원격 > url/경로 에 깃허브 리파지토리 주소 입력 (= 서버와 로컬 연결, git remote add origin 리파지토리 주소) 8. 상단 창 push (= git push origin main) 9. 상단 창 ..

[WEB/클론코딩] 넷플릭스 클론코딩 (2)

과제가 너무 많아서 오늘은 많이 하지 못했다ㅠㅠ 어제의 클론코딩은 블로그를 참고해가며 했는데, 오늘은 넷플릭스 홈페이지를 보며 한국버전(?)으로 새로 클론 코딩해봤다. main.html 로그인 영화와 시리즈를 무제한으로. 다양한 디바이스에서 시청하세요. 언제든 해지하실 수 있습니다. 시청할 준비가 되셨나요? 멤버십을 등록하거나 재시작하려면 이메일 주소를 입력하세요. 시작하기 > Cancel at any time Watch anywhere Pick your price style.css /* Global Styles */ :root { --primary-color: #e50914; --dark-color: #141414; --light-color: #f4f4f4; } * { box-sizing: border..

[Web 클론코딩] 넷플릭스 클론코딩

저번 유튜브 클론코딩은 그냥 강의를 보고 모르는 부분 참고해가며 했다. 그런데 넷플릭스 코딩은 뭐 어디 참고할 곳도 없고ㅠㅠ 너무 막막해서 일단 클론코딩의 방법에 대해 공부했다. 아래 블로그는 도움을 많이 받은 블로그 https://m.blog.naver.com/aurora2337/222138829266 클론코딩 방법 출처: https://geonlee.tistory.com/171 클론 코딩이란? 실제 존재하는 서비스(인스타그램, 카카오톡, 에어... blog.naver.com 현재까지 진행상황이다. 이것만 보면 거의 다 한 것 같지만 화면 모양만 html, css로 구현해둔거라 아직 시간이 많이 필요하다. 내일 할 것은 아래 사진 부분 클릭하면 넘어가는 것을 자바 스크립트로 구현해볼 것이다.

[WEB] youtube 클론코딩

Day18~ 진행중... 내일 오전중으로 끝내는 것을 목표로.. javascript, html, css 활용해서 유튜브, 에어비엔비 클론코딩 프로젝트 진행하기 Youtube #sheep #forest #healing 힐링되는 양의 평화로운 모습 모음 조회수 114,901회 | 2020. 3. 14. 루다 구독자 1.17천명 구독 다음 영상 힐링되는 개발자 입문 영상 1 루다 조회수 8,001회 힐링되는 개발자 입문 영상 2 루다 조회수 7,001회 힐링되는 개발자 입문 영상 3 루다 조회수 10,121회 :root { /* color */ --white-color: #fff; --black-color: #140a00; --blue-color: #045fd4; --red-color: #ff0000; --g..

[ES6/Javascript] 비구조 할당

Day17 왜 낮에는 집중이 안될까,, 벌써 17일차!!! ES6 비구조 할당 구글링해보고 실습하기 들어가기에 앞서, ES6의 비구조화 할당(Destructuring Assignment)이란? : 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식이다. 비구조화 할당의 장점은? 배열, 객체 내 값을 추출하는 코드가 매우 간단해진다. 필요한 객체와 나머지 요소 분리가 매우 간단하다. 기본값 지정이 가능하다. 1. 배열의 비구조 할당 ES6전 코드 let dogbreed = ['retriver', 'bordercollie', 'poodle']; let retriver = dogbreed[0]; let bordercollie = dogbreed[1]; let poodl..

[ES6/Javascript] 변수 선언(let, const), 화살표 함수 선언

Day 16~~ 오늘은 ES6 문법을 배워 볼 것이당당 var말고 변수 선언 할 수 있는 것이 이렇게나 많다니~~ 어서 배워보자 ES6 문법을 통해 변수 선언(let, const), 화살표 함수 선언 구글링해보고 실습하기 ES6란? ES란 ECMAScript의 약자로, Ecma에서 표준안으로 정한 내용이다. 그 중에서도 ES6은 ECMAScript 2015로 ES 표준의 가장 최신버전이다. ES6로 변수선언하기 - let 다른 값이 재할당 될 수 있다. let myDogBreed = 'retriver'; myDogBreed = 'labrador retriver'; console.log(myDogBreed); ES6로 변수선언하기 - const const는 constant(상수)의 줄임말로 '늘 같은 수'..

[Javascript] 로컬 스토리지

Day 15 큰일이다.! 당장 이틀 후가 실습이라니ㅠㅠ 내일 오후에 앉아서 다시 다 정리해야겠다... 로컬 스토리지 개념 구글링해보고 실습하기 로컬 스토리지 : 사용자(로컬)에 저장하는 임시 저장소 (간단한 데이터 저장) : 영구적이다 (세션 스토리지와의 차이점) : 객체의 LocalStorage라는 컬렉션을 통해 저장, 조회가 된다. 로컬 스토리지를 이용한 데이터 저장 // 데이터 저장 localStorage.setItem(이름, 저장할 내용); // 데이터 불러오기 localStorage.getItem(이름); // 데이터 삭제 localStorage.removeItem(key) // 모든 것 삭제 localStorage.clear() // index에 해당하는 키 소환 localStorage.key..

[서평단 리뷰] Do it! 깡쌤의 안드로이드 앱 프로그래밍 with 코틀린(개정판) 후기

작년 가을쯤 안드로이드 공부를 처음 시작하면서 도움을 많이 받았던 책이 개정판으로 리뉴얼되어 나온다는 소식에 서평단을 신청해서 책을 받아보았다. 책 이전에는 강의로 공부를 했었는데, 아무래도 선비식 공부를 선호하는 나인지라.. 개념이 깔끔하게 정리되어 있는 책이 하나쯤 있었으면 해서 이 책을 접하게 되었다. 책 소개 https://book.naver.com/bookdb/book_detail.naver?bid=21424171 Do it! 깡샘의 안드로이드 앱 프로그래밍 with 코틀린 안드로이드-코틀린 분야 베스트 1위! 개정판 출간!20여 년간 개발과 강의 현장에서 쌓은 ‘깡샘’의 노하우를 만나 보자!이 책은 구글에서 공식 언어로 채택한 코틀린으로 안드로이드 앱을 개발 book.naver.com 일단 책..

[Javascript] 이벤트 리스너

Day 14 이벤트 리스너 개념 구글링해보고 실습하기 Javascript 이벤트 DOM에서 특정 이벤트가 발생하게 되면 자바스크립트 이벤트 객체에서 확인할 수 있다. 이벤트 리스너란? 간단하게 해당 이벤트에 대해 대기중인 것을 이벤트 리스너라고 한다. (이벤트가 실행되는 것을 리스닝 중) 해당 이벤트가 발생하면 등록해둔 이벤트 리스너가 실행된다. 이벤트 종류 UI 이벤트 : 사용자가 웹페이지가 아닌 브라우저의 UI와 상호작용할 경우 키보트 이벤트 : 사용자가 키보드를 이용할 경우 마우스 이벤트 : 사용자가 마우스나 터치 화면을 사용할 경우 포커스 이벤트 : 사용자로 특정 요소에 포커스를 하거나 포커스를 중지할 경우 이벤트 리스너 사용하기 addEventListener() : 특정 이벤트가 발생할 경우 특..

[Javascript] html 문서(DOM)에 접근하기

DOM 이란? DOM (Documment Object Model = 문서 객체 모델) HTML의 태그(요소)들을 웹 브라우저의 메모리에 올려서 자바스크립트로 사용하기 위해 만들어진 웹 문서 한마디로, 웹 페이지를 다루는 인터페이스 더 쉽게 설명하자면... (사실 내가 이해가 안돼서 더 찾아봄ㅋㅋ) HTML은 화면에 보이는 구조를 단순 텍스트로 구성한 것이고, DOM은 이 HTML 문서의 내용이랑 구조를 객체 모델로 바꿔서 다양한 프로그램에서 사용할 수 있게 하는거다. 웹브라우저에서 HTML 파일을 받아 DOM으로 만들면 자바스크립트를 통해 여러 가지 조작이 가능(API제공)하다. DOM 요소의 접근 방법 매서드 설명 document.getElementByld("id명") 해당 id명을 가진 요소 하나를 ..

[Javascript] 자바스크립트 함수 선언 & 호출

Day12~~ 함수 선언 방법에 대해서 구글링해보고 실습하기 자바스크립트 함수 선언하는 5가지 방법 파라미터를 사용하는 함수는 그냥 ()안에 파라미터만 넣어주면 되기 때문에 생략 1. named function declaration (명명 함수 선언) function hello() { //함수 내용 } 2. anonymous function expression (익명 함수 표현) 이름이 없는 함수를 변수(hello)에 담은 형식 var hello = function () { //함수 내용 } 3. named function expression (명명 함수 표현) var hello = function originalName() { //함수 내용 } 4. Immediately-invoked expressio..