본문 바로가기

분류 전체보기120

Firebase 회원가입, 로그인 기능 구현 회원가입 = 서비스를 사용할 때 email. password등 추가적인 정보들을 ServiceDB에 저장 로그인 = 기존의 입력 정보와 동일한 email. password를 입력하면 User를 기억하기 위한 Token발급 로그인 이후 = Token+원하는 정보를 Header에 넣고 요청을 하고 Server는 Token으로 User를 식별 Firebase 쉽고 빠르게 서버(백엔드)를 구축할 수 있는 서비스 프론트엔드/클라이언트 => 유저가 직접 보는 화면을 만들어서 제공 백엔드/서버 => DB에 유저의 정보 또는 제공해야할 데이터들을 관리 Cloud Storage for Firebase => 문서나 사진등을 저장 Firebase Hosting => 실제 만든 서비스를 브라우저에서 확인할 수 있는 기능 Fi.. 2022. 11. 9.
데이터베이스의 개념과 CRUD 게시판 만들기 데이터베이스는 어떤 방식으로 데이터를 저장하는지에 따라 2가지로 나뉜다. 액셀의 표처럼 정해진 틀에서 저장하는 방식 -> 관계형DB / RDB(Relational Database) 메모장에 아무 정보나 입력하는 것과 같이 정해진 틀이 없는 방식 -> NoSQL(Not only SQL) 어떤 DB라도 하는일은 똑같다 Create(생성) Read(조회) Update(수정) Delete(삭제) 구름IDE https://ide.goorm.io/ 클라우드 통합개발환경 + 새 컨테이너 프로젝트 생성과 비슷함 개발 언어 선택 Rails로 진행 디렉토리 구조 controllers에 controller views에 template config에 routes라고 handler같이 동작하는 파일이 있음 터미널 명령어 rai.. 2022. 11. 8.
구글 메인 따라하기 HTML danny! google에서 검색을 하면 아래와 같이 "https://www.google.com/search?p=~~"와 같으므로 form태그와 input태그의 name값으로 GET방식으로 보내게 되면 동일한 검색 결과가 나옴 CSS h1 { text-align: center; margin-top: 230px; font-size: 90px; } h1 span:nth-child(1) { color : #4285f4; } h1 span:nth-child(2) { color : #ea4335; } h1 span:nth-child(3) { color : #fbbc05; } h1 span:nth-child(4) { color : #4285f4; } h1 span:nth-child(5) { color : .. 2022. 11. 8.
HTML html 태그 : html태그로 이 문서를 HTML문서, 웹사이트를 나타내는 문서라고 명시 head 태그 : 이 html문서가 어떤 문서인지 명시하는 정보가 들어감 : 웹사이트의 타이틀을 명시 : 다른곳에 저장된 파일을 불러올 때 - href : 파일의 위치 - rel : 파일의 타입 : 이 웹사이트가 어떤 정보를 담고있는 지 명시 : html파일 내에서 CSS코드를 쓸 수 있게함 body 태그 : HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용 - 텍스트 관련 ~ : 글씨 크기를 제목처럼 바꿔줌 : 굵은 글씨 : 기울어진 글씨 : 글의 한 문단을 나타냄 - 미디어 관련 : 사진 : 동영상 - 링크 : 클릭시 해당 주소로 이동 target=".. 2022. 11. 8.
부트스트랩 따라하기 부트스트랩 https://getbootstrap.com/docs/4.0/examples/pricing/ html Danny 메뉴1 메뉴2 메뉴3 메뉴4 Pricing Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization. Free $0/mo 10 users included 2 GB of storage Email support Help center access Click Me Free $0/mo 10 users included 2 GB.. 2022. 11. 8.
웹 사이트를 만들 때 필요한 구성 요소 프론트엔드 눈에 보이는 것(UI/UX) HTML CSS Javascript 백엔드 눈에 안보이는 것 서버(Python, Ruby, Java, JS) : 유저가 하는 요청을 받음 DB(MySQL, MongoDB, Redis) : SQL문 읽기, 쓰기 Framework 반복적인 작업을 줄여줌 Serverless 백엔드를 하나도 몰라도 웹서비스를 만들 수 있게 해주는 솔루션 모바일 앱 iOS 프로그래밍 언어 : Swift, Objective-c 개발 도구 : Xcode Android 프로래밍 언어 : java, Kotlin 개발 도구 : Android Studio 2022. 11. 8.