Study Log/Software Engineering19 Ruby on Rails 공부하기_wsl2 환경 설정하기 (1) 1. 환경 설정 나는 wsl2를 이용하고 있기 때문에 리눅스용 루비와 레일즈를 설치하려고 했다. 먼저 나와있는 대로 진행을 했다. 그런데 rbenv install 2.7.4를 진행할 때 자꾸 다음과 같은 오류가 나고 설치가 되지 않았다. Downloading ruby-2.7.4.tar.bz2... -> https://cache.ruby-lang.org/pub/ruby/2.7/ruby-2.7.4.tar.bz2 Installing ruby-2.7.4... BUILD FAILED (Ubuntu 20.04 using ruby-build 20210804-1-g57c397d) Inspect or clean up the working tree at /tmp/ruby-build.20210820192225.1661.dl.. 2021. 8. 20. CSS 정리하기 정의 Cascading Style Sheet Cascading: 위에서 아래로 연속해서 떨어지는 느낌 세부적으로 정의된 것이 있다면 그것을 쓰고, 없다면 기본적인 것을 쓴다. Author Style: 개발자가 지정한 스타일 (최고 우선순위) User Style: 사용자의 취항에 맞게 정한 스타일 (중간 우선순위) Browser: 기본 스타일 (마지막 우선순위) -> Cascading important 키워드: cascading을 끊어냄 가능하면 쓰지 않는 것이 좋음 선택자 HTML의 어떤 태글르 고를지 정하는 것 * : 모든 태그 tag: 태그의 이름을 가진 것을 고름 #id: id를 고름 .class: class를 고름 [attribute]: 속성을 고름 /* 어떤 태그를 고를지 명시 */ select.. 2020. 9. 21. HTML 한 페이지에 정리하기 요즘 드림코딩의 엘리님이 하시는 프론트엔드 강의를 듣고 있다. 이제 막 강의 2개를 들어서 강의를 들으며 정리한 것들을 여기에 써놓으려고 한다. HTML (Hypertext Markup Language) 정의 웹을 이루는 가장 기본적인 building block css와 javascript는 웹을 더 풍부하게 만들어주는 부가적인 요소들 Markup Language 태그들을 이용해 어느정도 구조적으로 쓰는 것 구조 // 관습적으로 html임을 알림 // 이 안에 작성되는 것들이 유저에게 보여짐 Heading1 Heading2 Clickable Button w3c 웹의 표준화를 추진하는 곳 w3c에서 정한 표준화에 따라 각 브라우저가 html 태그를 해석함 브라우저는 어느 정도 스스로 에러를 회복해서 콘텐츠.. 2020. 9. 18. 데이그램 따라하기 - 4. Realm DB 메모 리스트 저장 및 출력 구현 - Realm DB Realm DB - 모바일 사용에 최적화된 내장 데이터베이스 라이브러리 - NoSQL DB를 지향 - 모델 구조 자체가 객체로 구성되어 있고 자체의 API를 통해 실행된다 - 클래스 객체의 멤버 변수 값을 저장한다고 생각하면 된다고 한다. - 장점: 직관적인 사용, 빠른 데이터 처리 속도 - 단점: 자체 사용법을 익혀야 함 - 서버에서 사용시 실시간 동기화가 가능함 - 테이블 구조가 아님 [안드로이드 스튜디오에서 사용 방법] 1. 프로젝트 수준의 build.gradle에 dependency 추가 buildscript { repositories { jcenter() } dependencies { classpath "io.realm:realm-gradle-.. 2020. 8. 19. 데이그램 따라하기 - 3. 커스텀 리스너 인터페이스 하단 네비게이션바 만들기 (2) 커스텀 리스너 인터페이스 공부한 것 정리 리사이클러뷰 외부에서 아이템 클릭 이벤트 처리 1. 어댑터에서 이벤트 리스너 인터페이스를 작성한다. // 1. 커스텀 인터페이스 정의 public interface OnItemClickListener{ void onItemClick(View v, int pos); } // 2. 리스너 객체를 전달하는 메소드와 전달된 객체를 저장할 변수 추가 private OnItemClickListener mListener = null; public void setOnItemClickListener(OnItemClickListener listener){ this.mListener = listener; } // 3. 아이템 클릭 이벤트 핸들러 메소드.. 2020. 8. 19. 데이그램 따라하기 - 2. RecyclerView 다루기 [하단 네비게이션바 만들기 (1) RecyclerView 다루기] 공부한 것 정리 ButterKnife 라이브러리: 뷰를 보다 편리하게 바인딩할 때 사용된다. - 라이브러리를 사용하기 위해서는 build.gradle(Module:app)파일에 dependency를 추가해야 한다. (추가한 후 sync를 해야 적용된다.) implementation 'com.jakewharton:butterknife:8.6.0' - gradle에 추가한 후 사용하려는 액티비티와 버터나이프를 바인드해준다. (레이아웃과 java파일을 연결해주는 setContentView( )함수 아래에서 바인드해야 한다.) // 이 예시의 경우 MainActivity.java 아래에 있는 onCreate함수이다 @Override protect.. 2020. 8. 9. 데이그램 따라하기 - 1. 사용되는 xml 만들기 [사용되는 xml 만들기] 사용되는 레이아웃 종류 1. Linear Layout - 오브젝트(or 뷰)들을 리니어하게 정렬하여 보여주는 레이아웃 - android.widget.LinearLayout에 속함 - android:orientation : "horizontal"이나 "vertical로 설정할 수 있다. 설정하지 않으면 기본은 horizontal인듯 - android:gravity : 포함한 뷰들을 어떻게 정렬시킬지 설정해둔다. ex) center 관련 api 문서 링크: https://developer.android.com/reference/android/widget/LinearLayout 2. Frame Layout - 여러 오브젝트(or 뷰) 중 하나를 전면으로 내세워서 보여주고 싶을 때 사.. 2020. 8. 6. 이전 1 2 다음
