전체 글47 [안드로이드] settings - PreferenceFragment 오류 preference.xml 파일에서 "http~"부분이 활성화 되어있지 않거나, 이렇게 되어있으면 다음과 같이 변경해주면 된다. 1. android studio (좌측상단) file > Project Strcture > (좌측)Dependencies > Module의 app > Dependency 카테고리의 좌측상단의 + 클릭 > Library Dependency > 맨 위 검색창에 preference 라고 입력 > Group ID가 'androidx.preference'인 것 선택 (version은 가장 위에있는 것으로 하면됨) > 하단 OK 클릭 > 추가된 것 클릭하고 하단의 Apply 클릭 > syc가 완료되면 OK 추가적으로 Gradle Scripts > build.gradle(Module : a.. 2019. 12. 26. 디렉토리 Directory 코딩을 공부하다 보면 아주 자연스럽게 나오는 많은 용어들이 있습니다. 이용하는 디지털이라고는 핸드폰 속 카톡과 각종 sns 그리고 검색이나 이메일, 쇼핑에만 쓰신 분이라면 자세한 용어들은 모르는 것이 당연합니다. 오늘은 file 만큼 흔히 쓰이는 directory 디렉토리에 대해 알아보겠습니다. 1. 정의 Directory[디렉토리] 컴퓨터에 파일을 저장하는 위치. 디렉토리는 리눅스, MS-DOS, OS/2 및 Unix와 같은 계층형 파일 시스템에서 찾을 수 있습니다. 한 가지 예로, C드라이브와 같은 경우, 현재 디렉토리 및 루트 디렉토리라고 합니다. 마이크로소프트 윈도우즈와 같은 GUI에서 디렉터리를 폴더라고 합니다. 이러한 경우, 디렉터리 및 폴더는 동의어로 간주됩니다. (*GUI : Graphic.. 2019. 6. 25. css grid 조금 더 알아보기 4 ▼▽ Grid가 처음이신 분들은 이전 포스팅을 한번 보시고 오시길 추천드립니다. :) ▼▽ [IT기록 - 개발자/CSS] - css grid 조금 더 알아보기 3 [IT기록 - 개발자/CSS] - css grid 조금 더 알아보기 2 [IT기록 - 개발자/CSS] - css grid 조금 더 알아보기 1 [IT기록 - 개발자/CSS] - css grid 세상에서 가장 쉽게 이해하기 css grid 세상에서 가장 쉽게 이해하기 기존에 layout은 table로 주로 만들었었고, 이제는 grid를 통해서 좀 더 편리하게 layout을 짤 수 있게 되었습니다. Grid layout은 웹 사이트 디자인의 기본 요소이기도하면서 웹사이트를 만드는 데에 가장 쉬운.. saeatechnote.tistory.com 1... 2019. 6. 3. css grid 조금 더 알아보기 3 ▼▽ Grid가 처음이신 분들은 이전 포스팅을 한번 보시고 오시길 추천드립니다. :) ▼▽ [IT기록 - 개발자/CSS] - css grid 세상에서 가장 쉽게 이해하기 [IT기록 - 개발자/CSS] - css grid 조금 더 알아보기 1 [IT기록 - 개발자/CSS] - css grid 조금 더 알아보기 2 css grid 세상에서 가장 쉽게 이해하기 기존에 layout은 table로 주로 만들었었고, 이제는 grid를 통해서 좀 더 편리하게 layout을 짤 수 있게 되었습니다. Grid layout은 웹 사이트 디자인의 기본 요소이기도하면서 웹사이트를 만드는 데에 가장 쉬운.. saeatechnote.tistory.com css grid 조금 더 알아보기 3탄입니다. 이해가 잘 안 되시거나 설명이.. 2019. 6. 2. css grid 조금 더 알아보기 2 ▼▽ Grid가 처음이신 분들은 이전 포스팅을 한번 보시고 오시길 추천드립니다. :) ▼▽ [IT기록 - 개발자/CSS] - css grid 세상에서 가장 쉽게 이해하기 [IT기록 - 개발자/CSS] - css grid 조금 더 알아보기 1 css grid 세상에서 가장 쉽게 이해하기 기존에 layout은 table로 주로 만들었었고, 이제는 grid를 통해서 좀 더 편리하게 layout을 짤 수 있게 되었습니다. Grid layout은 웹 사이트 디자인의 기본 요소이기도하면서 웹사이트를 만드는 데에 가장 쉬운.. saeatechnote.tistory.com css grid 조금 더 알아보기 두 번째입니다. 이번에는 grid-template의 더 다양한 기능에 대해 알아보겠습니다. 1. grid-temp.. 2019. 6. 1. css grid 조금 더 알아보기 1 ▼▽ Grid가 처음이신 분들은 이전 포스팅을 한번 보시고 오시길 추천드립니다. :) ▼▽ 2019/05/30 - [IT기록 - 개발자/CSS] - css grid 세상에서 가장 쉽게 이해하기 css grid 세상에서 가장 쉽게 이해하기 기존에 layout은 table로 주로 만들었었고, 이제는 grid를 통해서 좀 더 편리하게 layout을 짤 수 있게 되었습니다. Grid layout은 웹 사이트 디자인의 기본 요소이기도하면서 웹사이트를 만드는 데에 가장 쉬운.. saeatechnote.tistory.com 1. fr grid 관련된 것들을 보다 보면 정말 많이 보이는 단위입니다. 대체 fr이 무엇을 의미하는 것일까요? fr은 fraction의 약자로, '분수'라는 뜻을 가지고 있습니다. grid c.. 2019. 5. 31. css grid 세상에서 가장 쉽게 이해하기 css grid는 css로 layout을 만들 때 가장 편리하고 유용한 방법입니다. grid는 행과 열을 동시에 다룰 수 있기 때문에, grid를 사용하면 grid layout 그 자체뿐만 아니라 grid내부의 요소(각 칸)들도 함께 컨트롤할 수 있습니다. 각 속성들에 따라 다르기도 하지만 grid속성 자체를 사용할 수 있는 브라우저가 점점 더 많아지고 있기에 grid 기능을 익히는 것은 매우 유용합니다. CSS Grid 기초 1. 두가지 핵심 요소 : grid-container / grid-item grid-container : 선, item이 모인 하나의 grid | item : 선 안의 내용/ 각각의 칸 css grid는 table(표)와 비슷합니다. container은 '선'을 의미합니다. ite.. 2019. 5. 30. css animation 총정리 (transition, transform, translate, animation, @keyframes) 이름과 효과가 비슷비슷해서 사용할 때마다 헷갈리고 막막해서 '나' 그리고 나와 같은 사람들을 위해 총정리해보았습니다. animation ⊃ @keyframes ⊃ transition = transform ⊃ translate animation이 있어야 @keyframes를 사용할 수 있고, @keyframes안에 transition과 transform에 대한 다양한 효과들을 디테일하게 설정할 수 있으며, translate는 단순 transform method 중 하나로 x축, y축에 대한 이동을 나타내는 것뿐입니다. (animation은 전체 효과들을 어떻게 사용할지, @keyframes는 animatino이 실행되는 동안 어떤 타이밍에 어떤 효과를 줄지 더 디테일하게 설정이 가능하게 하고 좀 더 자연스.. 2019. 5. 26. clone coding 1 1. 계획 1) nomad coder에서 진행했던 예시를 가지고 clone coding을 한다. 2) 먼저 어떻게 구성되어있는지, 공통적인 부분들은 어떤 것인지 파악한다. 3) 분석한 것을 바탕으로 html을 작성한 후, css를 하나하나 해 나간다. 4) html 작성 시 공통된 부분을 올바른 naming을 한다. 추가 part 1. friends list에 (horizontal) scroll bar 추가하기 2. menu icon에 dropdown형식으로 [edit | delet]를 추가하기 3. mainone page에 footer navigation bar의 animation을 추가하기 - :hover시에 좌측의 '다이아몬드' icon이 한 바퀴 도는 동안 줄어들어있던 nav bar가 늘어나기 4.. 2019. 5. 23. 이전 1 2 3 4 5 6 다음
