초보개발자 개발일지

* 프로그래머스 > 코딩테스트 입문 * 링크 : https://school.programmers.co.kr/learn/courses/30/lessons/120903 [문제 설명] 두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 s1과 s2가 주어질 때 같은 원소의 개수를 return하도록 solution 함수를 완성해주세요. [제한사항] 1 ≤ s1, s2의 길이 ≤ 100 1 ≤ s1, s2의 원소의 길이 ≤ 10 s1과 s2의 원소는 알파벳 소문자로만 이루어져 있습니다 s1과 s2는 각각 중복된 원소를 갖지 않습니다. [입출력 예] s1 s2 result ["a", "b", "c"] ["com", "b", "d", "p", "c"] 2 ["n", "omg"] ["m", "dot"] 0 S..

* 프로그래머스 > 코딩테스트 입문 * 링크 : https://school.programmers.co.kr/learn/courses/30/lessons/120913 [문제 설명] 문자열 my_str과 n이 매개변수로 주어질 때, my_str을 길이 n씩 잘라서 저장한 배열을 return하도록 solution 함수를 완성해주세요. [제한사항] 1 ≤ my_str의 길이 ≤ 100 1 ≤ n ≤ my_str의 길이 my_str은 알파벳 소문자, 대문자, 숫자로 이루어져 있습니다. [입출력 예] my_str n result "abc1Addfggg4556b" 6 ["abc1Ad", "dfggg4", "556b"] "abcdef123" 3 ["abc", "def", "123"] [유의사항] 입출력 예 #1의 경우..

* 프로그래머스 > 코딩테스트 입문 * 링크 : https://school.programmers.co.kr/learn/courses/30/lessons/120956 [문제 설명] 머쓱이는 태어난 지 6개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음밖에 하지 못합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요. [제한사항] 1 ≤ babbling의 길이 ≤ 100 1 ≤ babbling[i]의 길이 ≤ 15 babbling의 각 문자열에서 "aya", "ye", "woo", "ma"는 각각 ..

119일차(1)/Android App(76) : apk 파일 생성, 수동으로 구동시키기 - 서명된 어플리케이션 파일 만들기 - 이 모듈을 통해서 만드는 것은 안드로이드 앱이다. - .apk 파일이 생성된다.(안드로이드 앱 파일) - 새 모듈 생성 myapp (기본 모듈) - 이 myapp 폴더는 apk 파일을 만들어낼 수있는 하나의 프로젝트이다. - 이 앱을 가상기기에 넣어서 run 시키면 내부적으로 어떤 일이 일어날까? - apk 어플리케이션 파일이 만들어진다. 이 프로젝트를 빌드, 컴파일하는 과정을 통해서 만들어낸다! - build(compile) 이후 화면에 보여주기 위해서는 install 이, 실행 launch 가 필요하다. - 1) build , 2) install , 3) launch : 이 ..

118일차(1)/Android App(75) : Wearable App 예제(2), 기기 페어링 - 가상기기 삭제하고 새로 만들기 - 가상기기 삭제하기 (옵션-delete) - Phone에서 새 가상기기를 생성하려고 보면 플레이스토어 표시가 있는데, 가상기기에 구글 플레이스토어가 포함되어있는지 여부를 말한다. - 가상기기에서도 구글 계정으로 로그인해서 플레이스토어 앱을 받을 수 있다! - 이 표시가 있어야 웨어러블 앱을 가상기기에서도 연동하여 테스트해볼 수 있다. - Phone 가상기기 생성. R 선택해서 다운로드 받고 next-next-finish - 다음은 wear OS- small round로 생성 - China ver.이 아닌 R 버전으로 생성. next-finish - 이렇게 가상기기 두개를 만..

117일차(2)/Android App(74) : Wearable App 예제(1) - Android Studio 에서 새 가상기기(Wear OS) 만들기 - 디바이스 관리-새 디바이스 생성하기 - Wear OS를 선택해준다. - Wear OS Square : 화면이 사각형인 것 - Wear OS Round : 화면이 동그란 것 - 시계 화면 모양을 기준으로 가상기기를 생성한다. - round를 선택해줌! - 두번째 R을 다운받아주기! - 맨 위의 것은 China Version 이라 언어가 중국어로 나온다. - 이렇게 Wearable device의 가상기기를 만들 수 있다. - 가상기기 생성에 시간이 오래 걸리므로 모듈을 생성하기 전에 만들어 놓으면 좋다. - Wear OS 도 Android와 비슷하다. ..

117일차(1)/CSS(16) : CSS3 Flex 활용(4) - css3 flexbox 지난 예제 복습 - 화면 폭이 줄어들면 배치 방식이 바뀌는 navbar 를 만들어보았다. - nav의 자식 요소로 ul, form이 있는데, 이 자식 요소들을 가로로 배치하느냐 세로로 배치하느냐의 문제일 뿐이다. - 가로 : flex-direction:row; - 세로 : flex-direction:column; - ul, form575픽셀까지는 column 으로 적용되었다가 그 이상이 되면 가로로 바뀐다. - 위에서는 row 정렬을 적용하고 아래에서는 세로로 정렬하겠다는 css요소를 넣어 충돌한다면? - 한 요소에 적용하는 css 두개가 존재한다면 나중에 정의한 것이 이긴다! - 아래에 있는 미디어 쿼리 조건을 충..

116일차(1)/CSS(15) : CSS3 Flex 활용(3) Step08_example_gallery.html Gallery 예제 - box-sizing: border-box; 로 CSS를 지정하면 예를 들어 어떤 컨텐츠가 있고 bordrer(빨간색), padding(초록색)이 있다고 할 때 - contents의 width, height에 padding과 border의 크기를 포함하겠다는 뜻이다! - 원래 width라고 하면 컨텐츠의 크기만 말하는데, box-sizing: border-box 는 padding, border 크기도 width에 포함시켜서 계산하는 것을 말한다. - margin: 0 auto; 는 가운데 정렬을 가능하게 하는 CSS - 100vh => 100% view height - 웹..

115일차(1)/CSS(14) : CSS3 Flex 활용(2) - Flex 활용방법 - 부모 요소에 flex를 적용하면 자식요소는 블록요소여도 인라인 요소처럼 한줄에 적용된다! - flex요소에 적용할 수 있는 각각의 속성들을 익혀서 사용하면 된다. - 메인 축을 따라 아이템 배치 - flex-direction : 메인 축의 방향을 정하는 것 (default는 row) - flex-wrap : 아이템들을 감싸서 한 묶음으로 둘 것인지 (default 값 nowrap, nowrap은 감싸지 않겠다는 뜻) - justify-content : 왼, 오, 가운데, 가운데에 여백 있게.. 등으로 정렬 가능 - space-evenly : 여분 공간을 똑같이 배치했다. Step08_FlexUtil.html flex ..

114일차(1)/CSS(13) : CSS3 Flex 익히기 - carousel 만들기 이전 코드 리뷰 - CSS3 Flex의 속성 알아보기 - TouchSwipe에서 일어나는 터치(드래그) 이벤트는 마우스 클릭과는 조금 다르다. 상당히 귀찮은 작업인데 touch swipe에서 해준 것 - carousel 뿐만 아니라 화면에서 사용할 수도 있다. - 플러그인에 javascript를 로딩해놓으면 기존의 동작에 추가적인 동작이 생긴다. - 간단하게 정리해보면 이런 구조이다. - swipeStatus 라는 이름의 방에 함수를 전달해 놓으면 필요한 시점에 알아서 호출된다. - 화면에서 터치이벤트를 감지해서 복잡한 계산을 해서 이 값을 전달해준다. - phase 위상 값을 활용해 작업한다! - cancel은 75픽..