티스토리

성장일기

검색하기

블로그 홈

성장일기

naraewool.tistory.com/m

naraewool 님의 블로그입니다.

구독자: 5

방명록 방문하기

주요 글 목록

display: flex를 이해&연습하기 좋은 유용한 사이트 "Froggy" https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 내용 기억을 위해 메모메모! justify-content justify-content 속성은 다음의 값들을 인자로 받아 요소들을 가로선 상에서 정렬합니다: flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다. align-items align-items 속성은 다음의 값들을 인자로 받아 요소.. 공감수 0 댓글수 0 2023. 8. 20.
[노마드 코더] GraphQL로 영화 API 만들기 https://nomadcoders.co/graphql-for-beginners/lobby graphQL이란? graphQL은 하나의 스펙이다. 사람들이 원하는 방식대로 구현할 수 있도록 하는 언어. 동일한 개념을 다른 환경에서 이용할 수 있음. 예: graphql-js는 graphQL로 JS를 구현하기 위한 코드. 같은 개념얼 다른 언어로 사용하기 위함 GraphQL 서버(graphql spec.을 따르는 서버)도 제공하고 있음 장점 REST API 문제점을 보완할 수 있음 (아래 설명) 요청 URL로 데이터를 즉시 받지 않음. 대신 필요한 data만 곧바로 요청 즉, 하나의 API로 원하는 정보만 얻을 수 있는 장점이 있다. REST API 문제점: over-fetching: 나에게 필요없어도 모든 .. 공감수 0 댓글수 0 2023. 4. 8.
[Python] 직장인을 위한 데이터 분석 실무 with 파이썬 Anaconda 설치 -> 주피터 노트북(코드 작성 시 결과 중간에 확인하여 분석 할 수 있는 툴) 실행 jupyter notebook 다음과 같이 웹 브라우저에 서버 띄움 주피터 노트북에서 New>Python3을 눌러 파일 새로 추가 출력해보는 것 까지 완료. 이제 데이터를 가져와보자. 데이터가 저장된 위치 경로를 입력하고 사용할 열 입력. J열 데이터 중 5개만 가져오네? 상대 경로 입력 시 './files/sample.xlsx' 아하, head()값을 지정하지 않아서구나. head()는 처음부터 입력한 숫자의 로우까지 보여주는 함수. 지정하지 않았을 때 기본값이 5로 지정되나보네. 책에서 안내한대로 header를 입력하니 다음 에러 발생 이유 찾음. J열만 지정해서... A:J로 컬럼 지정하니 잘 .. 공감수 0 댓글수 0 2022. 2. 19.
[생활코딩] PHP: 제어문 (조건문, 반복문) 검색 키워드: php comparison operator (비교 연산자): boolean(true/flase)값을 리턴 var_dump() : 입력값의 타입을 알려줌. 검색 키워드: php conditional statements (조건문) if, else 문 어떤 값이 있다면? 을 조건문으로 해볼때, 검색 키워드: php check value exists -> isset 문서 검색됨: isset — Determine if a variable is declared and is different than null 예제를 보면.. isset()의 괄호안에 값이 있으면 true를 반환. 여러개 값이 괄호안에 들어오면 둘다 값이 설정되어있어야 true. 제목: if(id값이 있으면){id값 호출}, else(없.. 공감수 0 댓글수 0 2022. 2. 17.
[생활코딩] PHP: 원리, 타입, 변수, URL 파라미터 https://opentutorials.org/module/3266/19317 확장자가 html일때는 웹서버로 요청 시, 서버가 브라우저(클라이언트)로 요청한 데이터 전달. 서버가 파일을 그대로 읽어 그대로 전달 확장자가 php일때는 웹서버에서 php를 처리할 수 없어 PHP에게 위임 -> 해당 파일을 열어 에 사시는 님 URL은 127.0.0.1/parameter.php?name=egoing?address=서울 -> 파라미터를 쿼리파라미터로 받아 사용할 수 있음. 이 때 PHP 코드는 $_GET['param name'] 공감수 0 댓글수 0 2022. 2. 16.
[생활코딩] PHP: 설치, 환경 설정 PHP는 무엇일까? 웹 페이지를 자동으로 생성하기 위한 언어 참고 강의: https://opentutorials.org/module/3266/19319 bitnami를 통해 MAMP 다운로드. (MariaDB, Apach, MySQL, PHP를 한번에 설치) -> 추후 manager-osx 실행 Manage Servers에 다음과 같이 초록색 뜨면 정상. Php는? Apach Web server에 기생하는 프로그래밍이므로 Apach가 사용가능해야 Php를 이용해 코딩할 수 있음. 설치하고 나면 127.0.0.1:8080에 웹 서버가 띄워짐 /Applications/mampstack-8.1.2-0/apache2/htdocs(아파치 웹서버로 접근했을 때 보여지는 웹 페이지) 에서 실습 진행 해당 경로에 새 .. 공감수 0 댓글수 0 2022. 2. 15.
[JS] callback function https://www.dashingd3js.com/lessons/javascript-callback-functions JavaScript Callback Functions | DashingD3js.com This video covers JavaScript Callback Functions. Specifically, this video covers: a) Passing JavaScript Functions as Variables Revisited and b) JavaScript Callback Functions. www.dashingd3js.com A JavaScript function is a block of code that will be executed when you call it Because J.. 공감수 0 댓글수 0 2020. 5. 13.
[JAVA] 이벤트 처리에 필요한 메소드 이해하기 보호되어 있는 글입니다. 공감수 0 댓글수 0 2020. 4. 22.
[Git] 실무에 적용하기 보호되어 있는 글입니다. 공감수 0 댓글수 0 2020. 4. 21.
[html] '초보자를 위한 HTML & CSS 동작과 원리' 강의 정리 사이트에 내용이나 서식을 업데이트할 때, 디자인 요소를 확인하기 위하여 html/css 코드를 확인해야할 필요가 있는데, 실무에 적용하기 위해 html 개념을 다시 잡아야할 필요가 있었다. 이를 위해 html&css 강의를 다시 들으며 정리하기로 했다. 이번에 참고한 강의는 edwith 강의다. 유튜브로 강의 듣다가, 이런 강의 플랫폼을 이용하니 강의별 진도 현황과 다양한 레퍼런스들도 함께 볼 수 있어서 편하다. 초보자를 위한 HTML & CSS 동작과 원리 강좌소개 : edwith - 윤지수 www.edwith.org 다만 유튜브 생활코딩 님이 여러 영상에서 다룰 법한 내용들을 하나의 짧은 클립으로 다루기에 아는 내용은 빠르게 정리할 수 있어서 좋고, 반대로 더 다뤘으면 하는 부분은 너무 빨리 지나간 .. 공감수 0 댓글수 0 2020. 2. 25.
Swagger Swagger로 API 문서 자동화하기, 기억보단 기록을 님 블로그 Open API Specification(구 Swagger RESTful API Documentation) OpenAPI Specification | Swagger Choose Your Product Choose a Product swagger.io Swagger Inspector 정리하자면, Swagger는 API 문서를 작성하는데 필요한 툴이다. Swagger UI, Swagger Hub, Swagger Codegen 등 API 문서 작성 외에도 SDK를 제작하거나 문서 플랫폼을 제공하는 등의 기능도 제공한다. 나중에 API 문서를 작성하게 된다면 고려대상이 될 툴이다. API 작성 툴 검색 중 알게 된 툴: ReDocs.ly와 Da.. 공감수 0 댓글수 1 2019. 11. 17.
카카오 API 사용 후기 jquery CDN으로 jQuery library를 가져오다.. jQuery ajax d오류 발생: header > headers , {}와 "" 쓰임이 잘못되어 수정. z결과: html로 표시하기 구글링: jquery add html 검색창 구현 js에서 method검색하기 공감수 0 댓글수 0 2019. 11. 14.
[JAVA] 기초 문법 정리 (생활코딩, 뇌를자극하는JAVA프로그래밍 발췌) Public Public 모든 class에 접근 가능. Private 같은 클래스 내에서만 접근 가능 Default class는 같은 pkg 안에 있는 class만 사용 가능 Public class의 경우는 클래스 명과 소스코드의 파일명이 같아야함. public class PublicNameDemo{} // PublicNameDemo.java로 이름을 등록해야함. 하나의 클래스 안에는 하나의 public class만 존재. Abstract 상속 받는 클래스를 만들어서 사용 Abstract 클래스나 pathem는 반드시 상속해서 사용하도록 강제 추상 클레스는 객체로 만들 수 없다. 객체를 더 이상 인스터화하지 않게 만들려면 클레스에 abstract를 만들면 됨. *인스턴스화: 클래스를 가지고 객체를 만드는.. 공감수 2 댓글수 0 2019. 11. 9.
[Javascript] 기본 개념 링크 모음 JS 레퍼런스 in 모질라 getElemetById 자바스크립트 비동기 처리와 콜백 함수, Captain Pangyo 간단히 훑어보는 자바스크립트 기본기 다지기 공감수 0 댓글수 0 2019. 11. 5.
[앱만들기 프로젝트 with 구글 코드랩] #2-1 : Activities와 Intent 진도표 Lesson 2: Activities and intents 2.1: Activities and intents 2.2: Activity lifecycle and state 2.3: Implicit intents 요약 Activity: Activity는 앱의 하나의 스크린을 의미하는데 사용자가 그것으로 하나의 테스크를 수행할 수 있다. 메일보내기, 사진 찍기, 지도보기와 같이. 앱 시작할 때 사용자에게 보이는 화면을 main activity. main activity는 다른 행위를 수행하기 위하여 다른 activities를 시작한다. 이전 activity 는 stack의 뒷부분으로 간다. ‘last in, first out.’ 이전 것은 스텍의 안으로 들어가고, 새로운 것은 stack의 바깥으로 나오.. 공감수 0 댓글수 2 2019. 10. 12.
코드랩 전체 목차 / 진도 현황 Unit 1: Get started Lesson 1: Build your first app 1.1: Android Studio and Hello World 1.2 Part A: Your first interactive UI 1.2 Part B: The layout editor 1.3: Text and scrolling views 1.4: Learn to help yourself Lesson 2: Activities and intents 2.1: Activities and intents 2.2: Activity lifecycle and state 2.3: Implicit intents Lesson 3: Testing, debugging, and using support libraries 3.1: The d.. 공감수 0 댓글수 0 2019. 10. 2.
[Java/JavaScript] 생활코딩 오픈코딩 내용 정리 2019.04.04 var a=1; // var 처음만 쓰고 이후엔 생략 가능. Var 다음에 오는 변수는 숫자, 문자 모두 가능. alert(a); // 화면에 출력 변수와, 변하지 않는 부분을 구분해서 둬야, 유지보수가 쉬움. 버그발생률 감소 clear(); //화면 지울 때 1===”1” // False 출력됨. Strict Equal Operator 데이터 타입까지 같아야 True 1==”1” 데이터 타입은 달라도 정보가 같으면 True Undefined: 정의되지않음. (넣어야하는데 안넣은 상황) Null: 값이 없음. (의도적) Undefined==null // True Undefined===null // False * JS에서 ===을 쓰는 것을 권장. Prompt(‘당신의 나이는?’); /.. 공감수 0 댓글수 0 2019. 10. 1.
[앱만들기 프로젝트] Unit 1 실습 코드랩의 Unit 1: Get started 을 통해 배운 것을 복습하며 나만의 앱 만들기 실전편에 돌입. 목표 튜토리얼을 통해 차근차근 스텝별로 따라해가며 개념들을 익히고 영어 표현도 익혔으니, 이제 실제로 나만의 앱을 구축하면서 내가 아직 모르는 것들이 무엇인지 파악하고 배웠던 것을 복습하며 내 것으로 만든다. 참고 문서 간단한 사용자 인터페이스 빌드 → 코드랩의 세분화된 세션 내용들을 핵심 내용 위주로 구성하여 참고하기 좋다. 안드로이드 ConstraintLayout 개념과 사용법 정복하기 - 개발자 직강 → 영문 표현 위의 개발자 문서에서 국문 버전을 보다 보니, 영문에서 특정 단어들이 어떻게 번역되었을까, 궁금했는데 아래와 같이 번역되었더라: 국문 출처 / 영문 출처 contraint : 제약조.. 공감수 0 댓글수 0 2019. 9. 25.
[문제해결] 앱 빌드를 위한 VT-x 활성화 코드랩을 통한 앱 제작 후, 첫 빌드는 다음과 같은 에러메시지와 함께 지연되었다. Windows 10에서는 VT-x (Virtualization Technology)를 활성화 하려면 Windows 설정 > 보안 > 복구 > 고급 시작 옵션에서 가능하다 했는데 Virtualization Technology 항목이 없었다. 구글링 해보니 CPU가 VT-x 지원을 하지 않으면 없을 수 있다 하여 내 컴퓨터에서 사용 되는 CPU의 사양을 확인했다. (!) 처음 들어본 이 VT-x는 가상화 기술을 말하며 이것은 CPU의 성능에 따라 이 가상화 기술이 적용될 수 없다는 것도 알게 되었다. 그리고 인터넷에서 CPU 모델을 검색해 사양을 확인하였다. : 내 PC의 문제는 CPU와는 상관 없었고, 다른 활성화 방법을 찾.. 공감수 0 댓글수 0 2019. 9. 24.
[앱만들기 프로젝트 with 구글 코드랩] #4 - 혼자 학습해보기 진도표: Unit 1: Get started / Lesson 1: Build your first app 1.1: Android Studio and Hello World1.2 Part A: Your first interactive UI 1.2 Part B: The layout editor 1.3: Text and scrolling views 1.4: Learn to help yourself Task 2: 앱 커스터마이징 하기 앱 바 색상 변경 하려면: Activity_main.xml에서 android:background = “?attr/colorPrimaryDark”로 설정하면 primary 색상보다 더 진한 색으로 설정. Floating 버튼 없애려면: MainActivity.xml에서 onCreate(.. 공감수 0 댓글수 0 2019. 9. 24.
[앱만들기 프로젝트 with 구글 코드랩] #3 - 텍스트와 스크롤링 뷰 진도표: ...더보기 Unit 1: Get started / Lesson 1: Build your first app 1.1: Android Studio and Hello World 1.2 Part A: Your first interactive UI 1.2 Part B: The layout editor 1.3: Text and scrolling views 1.4: Learn to help yourself Android fundamentals 01.3: Text and scrolling views Task1. 길이가 있는 아티클을 보여줄 수 있는 TextVIew 만들기. String.xml파일에서 XML 코드 수정. View 하나의 child View(TextView와 같은)를 스크롤하려면 ScrollVie.. 공감수 0 댓글수 0 2019. 9. 23.
[앱만들기 프로젝트 with 구글 코드랩] #2 - 인터렉티브 UI 만들기 진도표: ...더보기 Unit 1: Get started / Lesson 1: Build your first app 1.1: Android Studio and Hello World 1.2 Part A: Your first interactive UI 1.2 Part B: The layout editor 1.3: Text and scrolling views 1.4: Learn to help yourself Layout Editor로 UI 빌드하기 코드랩의 좋은 점 하나는 가이드를 보며 버튼이나 텍스트뷰를 직접 생성하고 수정하면서 속성(attribute)에 대해 하나씩 알아갈 수 있고, 무엇보다 마음에 들었던 것은 트러블슈팅하는 방법을 상세하게 설명해주었다는 것이다. 처음부터 문제가 발생할 만한 과정을 지정하.. 공감수 0 댓글수 0 2019. 9. 9.
[앱만들기 프로젝트 with 구글 코드랩] #1 - Android Studio 설치/앱생성 Google Codelab을 참고하여 나만의 앱 만들기를 해보려 한다. Java 이론을 듣긴 했지만 직접 해보지 않으면 내 머릿속에 얼마나 남아있는지 알 수가 없었다. 게다가 API 문서를 작성하려면 개발자의 입장에서 직접 API 문서를 사용해보는 것이 가장 좋을 것이라 생각했다. 그리고 각종 가이드를 참고하면서 표현이나 구성도 배울 수 있겠지. Course Overview와 전체 목차: Unit 1: Get started / Lesson 1: Build your first app 1.1: Android Studio and Hello World 1.2 Part A: Your first interactive UI 1.2 Part B: The layout editor 1.3: Text and scrollin.. 공감수 0 댓글수 0 2019. 9. 4.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.