요리사에서 IT개발자로

1. application-아무이름.properties 생성  2. spring.profile.include=이름 작성 후  3. gitnore에 application-설정한이름.propertie 적는다  위처럼 설정시 민감정보를 깃헙에 공유안되게 할 수 있다.

WEB의 기본 개발자는 웹서비스를 만드는것이 본질이다. 웹서비스란? 웹이라는 공간에서 제공되는 서비스 서비스를 설계/제작/관리 하는 것이 웹 서비스 개발자이다. 웹공간의 클라이언트가 요청하면 해당 요청을 받는 서버는 웹서버(프론트엔드, 백엔드)라 한다. 웹서버는 물리적으로 컴퓨터라 한다. 컴퓨터는 인터넷으로 연결되어 있기에 요청을 받고 응답을 해줄 수 있는것이다. (웹)서버의 주요 기능은 (정적)페이지와 API를 제공한다. 웹서비스를 원활하게 하기 위한도구 AWS(Amazon Web Services), Vercel, Netify 등이 존재한다. 웹서비스를 더 원활하게 하기위한 S3와 같은 서비스도 존재한다. 도구를 사용하는 이유 장점 물리적인 도구를 사용하는것보다 렌탈 시스템이 효율적이다. 단점 렌탈식이..

href = "style/reset.css"/ css 파일인 reset.css를 href 속성을 사용하여 지정한 코드이며 섹션안의 있어야한다. href = "#about" class = "list-link" 특정 섹션을 스크롤 할 수 있게 하는 링크 href = 링크 대상 지정 #about =해당 섹션 ID class = 스타일 적용 클랙스 list-link = 클래스가 적용된 스타일링된 리스트 항목 웹 페이지의 파비콘(Favicon)을 설정하는 HTML 코드 파비콘이란 웹 브라우저의 탭이나 즐겨찾기 목록에 표시되는 작은 아이콘. src폴더의 img안의 favicon이미지를 아이콘으로 표시한다. 사이즈는 16x16픽셀이며 image타입은 png형식 content.length) { $txt.textCont..

깃 허브(Github)개발자분들이 쓰는 코드 저장소 $("#postingbtn").click(async function () { let image = $('#image').val(); let title = $('#title').val(); let star = $('#star').val(); let comment = $('#comment').val(); let doc = { 'image': image, 'title': title, 'star': star, 'comment': comment, }; await addDoc(collection(db, "movies"), doc); alert('저장 완료'); window.location.reload(); }) 추천 이유 기록하기 onclick="openclose..

파이어베이스(Firebase)란 구글이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼이다. 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업없이 핵심기능에 집중할 수 있도록 도와준다. https://firebase.google.com/?hl=ko Firebase | Google’s Mobile and Web App Development Platform 개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요. firebase.google.com 데이터베이스란 데이터를 저장하고 여러사람들이 관리하는 데이터의 모음이다. 파이어스토어(Firestore)란 구글 클라우드 기반 NoSQL 데이터베이스이다.(커다란 창고)..

jQeury란 남이 만들어 놓은 Javascript 라이브러리 fetch란 서버에서 공개해놓은 데이터 코드-> 나의 웹페이지에 적용이 가능하다.(서버에서 데이터를 받아오는과정) 토글(toglle)은 두가지 상태 사이를 전환하는 동작을 의미 어떤속성이나 상태를 켝거나 끄는 동작을 말한다. 나만의 추억앨범 @import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@300&display=swap'); * { font-family: 'Hahmlet', serif; } .mytitle { height: 250px; color: white; display: flex; flex-direction: column; align-items: center; just..

var slides = document.querySelector('.slides'), slide = document.querySelectorAll('.slides li'), currentIdx = 0, slideCount = slide.length, slideWidth = 200, slideMargin = 30, prevBtn = document.querySelector('.prev'), nextBtn = document.querySelector('.next'); makeClone(); function makeClone() { for (var i = 0; i = 0; i--) { var cloneSlide = slide[i].cloneNode(true); cloneSlide.classList.add('c..

https://getbootstrap.com/docs/5.3/getting-started/introduction/ Get started with Bootstrap Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes. getbootstrap.com Jumbotron 추가하기 배경 코드 https://occ-0-1123-1217.1.nflxso.net/dnm/api/v6/6AYY37jfdO6hpXcMjf9Yu5cnmO0/AAAABeIfo7VL_VDyKnljV66IkR-4XLb6xpZqhpLSo3JUtbivnEW4s60PD27muH1mdaANM_8rGpgbm6L..

웹(WEB)은 개발의 기초 웹 브라우저의 작동원리 브라우저의 역할 : 서버안에 있는 DB 에서 API 요청(클라이언트)하여 데이터를 보여준다. 실제로 많은 웹서비스에서는 API를 요청보내면 서버의 데이터베이스에서 데이터를 돌려주고, 브라우저에서 Javascrit 라는 언어에서 갈아 끼워준다. HTML은 웹페이지의 뼈대를 나타내는 코드 HTML태그 : "누가 누구 안에 있느냐"를 이해 ex) CSS : HTML을 통해 작성된 뼈대를 꾸며주는 코드. (사용하기 위해서는 대상을 지정해야한다) CSS 사용법 : 안에 로 공간을 만들어 작성한다. ※mytile 라는 클래스를 가리킬때, .mytle{ } 기억 CSS 관련 코드 배경관련 background-color background-image background..