Bibi's DevLog 🤓🍎

REST API가 뭔가요? - 인터페이스, API, REST API, HTTP method 인터페이스란? : 소통창구 사용자가 명령을 입력하게 해주고, 실행결과를 출력해주는 기능을 함. 어떤 기계를 만들면 사용자가 그 기능을 전부 활용할 수 있도록 제어장치를 만들어야 함. (TV-리모컨, 자판기-버튼, 컴퓨터-키보드와 마우스처럼. ) 웹 애플리케이션을 만드는 경우, 버튼, 스크롤바, 슬라이더, 브라우저 창 등 사용자가 앱을 제어하도록 인터페이스를 제공한다. (UI : User Interface, 사용자 인터페이스) 마찬가지로 기계-기계, 소프트웨어-소프트웨어 사이에서도 수많은 요청과 정보교환이 이루어지는데, 이를 위한 창구를 API라고 한다. API란? Application Programming Inte..

Camel case, Kebab case, Snake case 그리고 Pascal case 위 링크에서 너무 설명을 잘 해주셔서 나는 요약정리만 했다! -case 규칙으로 네이밍을 하는 이유? 프로그래밍에서 공백을 제거하기 위해서이다. Camel Case 낙타 혹처럼 오르락내리락해서 camel case임 첫 문자를 제외하고 단어의 첫 글자를 대문자로 표기 My Visitor Count -> myVisitorCount Snake Case 언더스코어(_)를 구분자로 한 표기방식 My Visitor Count -> my_visitor_count 상수의 경우 MY_VISITOR_COUNT와 같이 모두 대문자로 표기 주로 상수 표현에 사용 Kebab Case 먹는 케밥에서 유래함 대시(-)를 구분자로 하며, 모두..

사실상 내가 보려고 정리한 것이지만... 그동안 인강, 수업, 미션 하며 배운 걸 순서대로 차근차근 정리해 보았다. (H2데이터베이스, 스프링 부트, gradle, JPA 사용) 0. H2 데이터베이스 설치 H2는 개발 및 테스트, 교육 용도의 DB이다. 홈페이지 가볍고(용량이 작다) 편리하다 웹 화면을 제공해 준다. 위 홈페이지에서 다운로드 및 설치 후 h2.sh파일을 실행한다. (기본적으로는 홈(~)에 설치된다) H2 - bin - h2.sh 실행 git bash를 이용하면 편하다. cd ~/H2 - cd bin - ./h2.bat 윈도우는 h2.bat (깃배시에서는 ./h2.bat) 실행 맥은 ./h2.sh 실행 참고 : 종료는 Ctrl + c 로 종료. 그러면 아래와 같은 '웹 콘솔&#39..

Heroku로 스프링 앱 배포하기 기본적인 방법, 로치의 노션, main외의 브랜치로 배포하는 방법 master가 아닌 fork한 브랜치명으로 배포해야 했는데 명령어가 조금 달라서 안 됐던 거였다!! 도움 주신 그룹원 coco, sky 감사합니다🙇‍♀️🙇‍♀️ 먼저 Heroku 계정을 만들고 Heroku CLI를 다운로드, 설치한다. (https://devcenter.heroku.com/articles/deploying-spring-boot-apps-to-heroku) 터미널에서 heroku login을 입력하고 만든 헤로쿠 계정으로 로그인한다. heroku keys를 입력해 SSH 키가 추가되었는지 확인하고, 아무것도 없으면 heroku keys:add로 키를 추가한다. 배포할 스프링 애플리케이션이 있..

HTML input 비활성화 - disabled, readonly HTML 입력 필드를 비활성화 시킬 수 있다. input태그의 속성인 disabled 또는 readonly를 사용하면 된다. disabled : 입력 필드 비활성화와 함께, 으로 전송해도 해당 필드 내용은 전송되지 않는다. 데이터로 보지 않도록 간주하는 속성이다. ❗ 기존에 받아오던 값을 disabled로 설정하면 빈 값을 받아오게 되니 주의한다. readonly : 입력 필드를 비활성화하지만, 으로 해당 필드의 내용은 전송된다.

MVC 웹 프레임워크가 뭔가요? MVC에 대해 너무 이해하지 못하고 있는 것 같아서, 쉽게 설명해주는 영상을 보고 정리했다. ..를 보려 했는데 이 영상을 위해 정적 웹은 뭐고 동적 웹은 뭔가요?를 봐야 한다고 해서 함께 간단히 정리해 보았다. 정적 웹 static web, 동적 웹 dynamic web 정적 웹 static web 언제 접속해도 같은 리소스를 보내 주는 웹 사이트. 편의점 : ''준비된 음식''을 바로 먹거나 내가 간단히 조리해 먹음 -> 정적 웹 서버는 html, css, js 코드 및 이미지&동영상을 준비된 그대로 클라이언트에 보내 준다. 마치 진열대에 준비된 상품 그대로 사가는 것과 같음. ❓ 들어갈 때 마다 같은 화면인 것 = 정적 웹인가? ❗ 꼭 그..

[Spring] @RequestParam, @PathVariable 차이 참고 : 블로그. 워낙 설명이 잘 되어 있어 나는 간단히 정리만 하기로 했다. 감사합니다! 둘 다 Spring에서 URL을 통해 클라이언트로부터 Controller에 파라미터를 전달받을 때 사용하는 어노테이션이다. @RequestParam http://127.0.0.1?index=1&page=2 와 같은 형식의 URL에서 파라미터 값을 받아올 때 주로 사용. (이름&값 전달) 파라미터 이름 = index, page, ... 파라미터 값 = 1, 2 ... @GetMapping("read") public ModelAndView getFactoryRead(@RequestParam("index") int indexNum, SearchCr..

handlebars 템플릿 엔진 참고 : 블로그. 감사합니다. 자바스크립트로 설명하고 있지만 큰 맥락을 이해하는 데에 도움이 되었다. handlebars는 템플릿 엔진의 하나이다. mustache를 기반으로 구현되어 문법이 거의 같다. mustache와의 주요 차이점은 헬퍼가 존재한다는 것이다. 헬퍼를 사용하면, 템플릿 엔진에 간단한 로직을 포함시킬 수 있다. handlebars가 제공하는 헬퍼도 있고, 사용자가 직접 헬퍼를 등록해 사용할 수도 있다. handlebars 사용을 위한 설정 (스프링 부트, gradle) build.gradle dependencies에 compile 'pl.allegro.tech.boot:handlebars-spring-boot-starter:0.3.2' 추가..