프로젝트 & TIL/일별 공부 기록 (백엔드 스쿨) (98) 썸네일형 리스트형 11일차 - 토스트 UI 에디터(폰트, 플러그인)와 깃허브 블로그, DB 웹 폰트 적용하기 https://noonnu.cc/font_page/366 눈누 Gmarket Sans - G마켓 noonnu.cc "웹폰트로 사용" 내용 복사해서 CSS에 추가하여 적용한다. body { margin: 0; } @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } html > body .toastui-editor-contents { font-family: 'GmarketSansMedi.. 10일차 - 깃 협업과 토스트 UI 에디터 Github Flow 진행 git push origin 브랜치_이름 -f -f 옵션 : 리젝되어도 밀어넣을 수 있다.(강제로 push) git branch -D 브랜치_이름 -D 옵션 : 브랜치 삭제 rm -rf * 폴더에 있는 모든 내용을 지운다. git commit --amend --amend 옵션 : 직전에 실행한 커밋 수정 토스트 UI https://ui.toast.com/ TOAST UI :: Make Your Web Delicious! TOAST UI is an open-source JavaScript UI library maintained by NHN Cloud. ui.toast.com https://github.com/nhn/tui.editor/tree/master/docs/ko GitHu.. 9일차 - 각 클래스의 역할과 Git rebase, Git Flow & Github Flow 각 클래스 별 역할 컨트롤러 : 요구사항에 대해 적절하게 서비스로 토스할 수 있어야 한다. => 기본적인 요구사항에 대한 확인, 입출력을 담당한다.(사용자와의 상호작용) 서비스 : 프로그램의 핵심적인 기능(비즈니스 로직)을 모두 담고 있어야(관리해야) 한다.(사용자와 직접적으로 소통하지 않는다. 오직 컨트롤러의 요청에 의한 작동) App : 라우팅. 적절한 컨트롤러로 연결해 준다. Repository : 데이터의 저장/조회를 담당한다.(오직 서비스의 요청에 의한 작동) DB : 데이터의 영속 저장/조회를 담당한다.(오직 리포지터리의 요청에 의한 작동) 위와 같이 계층적으로 나뉘며, 화살표 방향으로 1단계씩 요청이 진행됨. 반대 방향은 안 된다! 응집도 :.. 8일차 - json 파일 생성과 읽기 & 자바 기초 json 이용하기 implementation group: 'com.googlecode.json-simple', name: 'json-simple', version: '1.1.1' build.gradle 파일의 dependencies 에 추가, 우측에 뜨는 아이콘을 눌러 다운로드 받는다. json 파일 생성 [{"id" : "yurrrrri", "name" : "yuri"}] 위 형식의 json 파일을 저장할 때... JSONObject data = new JSONObject(); data.put("id", "yurrrrri"); data.put("name", "yuri"); try(PrintWriter out = new PrintWriter(new FileWriter("data.json"))){ out... 7일차 - 깃 병합과 자바(컬렉션 프레임워크(리스트, 맵)) Git Merge(복습) git init touch 0 && git add . && git commit -m "C0" touch 1 && git add . && git commit -m "C1" git checkout -b bugFix touch 2 && git add . && git commit -m "C2" git checkout main touch 3 && git add . && git commit -m "C3" git merge bugFix -m "C4" 파일에 내용 넣어서 만들기 : echo '내용' > 파일명 내용 이어서 추가하기 : echo '내용' >> 파일명 내용 보기 : cat 파일명 merge 중 파일이 충돌할 때 git init touch 0 && git add . && git co.. 6일차 - 깃 브랜치와 자바(String, 객체 메서드, static, 제네릭, 키보드 입력받기) Git 브랜치 사용하기 명령어 한 번에 실행 : 명령어 && 명령어 파일 생성 : touch 파일명 파일 삭제 : rm 파일명 touch 파일명 git add . git commit -m "커밋메시지" rm 파일명 touch 파일명2 git add . git commit -m "커밋메시지2" git log //확인 https://learngitbranching.js.org/?locale=ko Learn Git Branching An interactive Git visualization tool to educate and challenge! learngitbranching.js.org 브랜치 생성 : git branch 브랜치명 브랜치 확인 : git branch 브랜치 이동(선택) : git checko.. 5일차 - 자바 생성자 코드 한 줄씩 실행시켜보기(Debug 이용) - 브레이크포인트 걸어놓고 Debug 실행 - F6로 한 줄씩 실행 - F5로 자세한 내용 확인 생성자 class 전사{ String 이름; int 나이; 전사(){ 이름 = "카니"; 나이 = 20; } } new 전사(); 가 실행되자마자 생성자를 통해 초기값이 세팅된다. 생성자를 만들지 않아도 자동으로 기본 생성자가 생성 된다. 생성자 연쇄 호출 public class Main { public static void main(String[] args) { new 청둥오리(); } } class 동물 { 동물(){ System.out.println("동물이 생성되었습니다."); } } class 오리 extends 동물 { 오리(){ System.out.pr.. 4일차 - TDD와 자바의 기본(2) 테스트케이스와 TDD 방법론 1일차 : 가입 기능 제작 -> 가입 테스트 2일차 : 로그인 기능 제작 -> 가입 테스트 & 로그인 테스트 3일차 : 로그아웃 기능 제작 -> 가입 테스트 & 로그인 테스트 & 로그아웃 테스트 이런 식으로.... Test Driven Development Red 단계에서는 실패하는 테스트 코드를 먼저 작성한다. Green 단계에서는 테스트 코드를 성공시키기 위한 실제 코드를 작성한다. (최대한 빠르게, 꼼수 가능) Blue 단계에서는 중복 코드 제거, 일반화 등의 리팩토링을 수행한다. 위 과정을 반복하면서 구현해나간다. 테스트 케이스 작성하기 build.gradle 파일에 추가, 아이콘 뜨면 클릭해준다. testImplementation 'org.assertj:assertj.. 이전 1 ··· 9 10 11 12 13 다음
