# Back-End

    # Back-End

    구글 코드 스타일 가이드

    google.github.io/styleguide/ Google Style Guides Style guides for Google-originated open-source projects google.github.io

    # Back-End

    [Chrome] 콘솔에서 JQuery 사용하고 싶을 때

    var jq = document.createElement('script'); jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(jq); // ... give time for script to load, then type. jQuery.noConflict();

    인텔리J 빌드 오류
    # Back-End

    인텔리J 빌드 오류

    Build 오류 프로젝트 루트에서 rm -rf ./.idea 명령어 실행 혹은 밑에 빌드 다시 해보기

    [Git] 초보 명령어 & 깃허브 프로젝트 가져오기
    # Back-End/Git

    [Git] 초보 명령어 & 깃허브 프로젝트 가져오기

    Github 프로젝트 가져오기 [세팅 명령어] git init git remote add (원격이름) (저장소URL) [commit, push 명령어] git pull (원격이름) master git add . git commit -m "커밋메시지" git push (원격이름) master EX) 이렇게 쓰세요 git init git remote add home https://github.com/자기계정/프로젝트명.git git pull home master git add . git commit -m "test commit" git push home master Git 명령어(위와 같은 내용입니다) Git 초기화 git init git clone (저장소URL) git remote add (원격이름) (..

    # Back-End/Git

    [Git] local 날라가도 괜찮을 때 강제로 Pull 하기

    git fetch --all git reset --hard origin/master git pull origin master

    [유튜브 필기] 풀스택 주니어 웹 개발자가 되려면
    # Back-End

    [유튜브 필기] 풀스택 주니어 웹 개발자가 되려면

    주제 공부한 곳 https://www.youtube.com/watch?v=ODa9mY2bEEc 공부 내용 1. HTML5 + CSS3 웹사이트를 만들 수 있어야 한다. 암기가 아닌 이해하는 것이 목표로 클론코딩 해보기 인터랙티브한 것들 -> 레이아웃 모바일 대응, 아이콘, 플렉스 2. 바닐라JS 자바스크립트의 핵심 공부를 할 수록 리액트, 뷰 등을 공부할 때 도움이 된다. 모달창, 슬라이더, 메뉴, 드래그앤 드롭 (웹의 인터랙티브한 부분을 바닐라JS로 구현) 3. node.JS (백엔드) CRUD 만들어보기 올리고 읽고 수정하고 삭제하고 ex) 인스타그램 MVC, urls, auth, cookies, 템플릿 express, mongoose, pug, passport

    [유튜브 필기] 네이티브 앱 vs 크로스 플랫폼 앱 vs 하이브리드 앱
    # Back-End

    [유튜브 필기] 네이티브 앱 vs 크로스 플랫폼 앱 vs 하이브리드 앱

    주제 공부한 곳 https://www.youtube.com/watch?v=ksz_mSninEY 공부 내용 1. 하이브리드 앱 웹 뷰를 감싸고 있는 웹사이트 네이티브 앱에 대한 지식이 필요없다 Only HTML CSS JS UI를 짜는데 힘들다 핸드폰의 기능을 활용 못함(위치, 카메라, 모션 등등) 크로스플랫폼 앱 네이티브 언어가 아닌 언어로 코딩하고 다른 언어로 변환 Flutter - Dart -> C, C++ React Native - JS 코드를 한번만 작성하면 된다. 다양한 배경의 개발자 네이티브가 아니다. 퍼포먼스 문제 추가설명 웹뷰: 브라우저의 윈도우 네비게이션 바가 없음

    # Back-End

    Flutter에 대해

    Flutter Dart 언어 사용 Google 제작 Architecture 리액트와는 다르게 브릿지가 존재하지 않는다. 대신 Dart와 C++로 만들어진다. 대부분 네이티브 부분에서 이루어지기 때문에 속도가 빠른편이다. 훌륭한 UI 컴포넌트 내장 ( 잘 정리된 문서 Google 서비스와의 쉬운 연동 (Firebase) 빠르고 훌륭한 성능 원시코드로의 번역, Native에서의 렌더링 기대해볼만한 기술 단점 Dart 언어를 익혀야함 React Native 보다 라이브러리, 리소스가 적음 일자리가 적음 Flutter에 대해 검색해보면 Native에 가까운 퍼포먼스를 이끌어낸다는 장점을 흔히 볼 수 있다. 외국에서 특히 Flutter에 대해 극찬을 하고 있는데 유튜브나 Google에 Flutter 에 관한 글을..

    # Back-End

    모바일 프로그래밍 플랫폼에 대한 정리

    Native Android Java, Kotlin, XML IOS Object-C Swift (추세) Cross Platform 회사에 각 플랫폼 앱 전문 개발자가 존재하면 된다. 하지만, 개별적으로 개발한다는 것은 동일한 앱을 각 플랫폼에 개발해야 하기 때문에 리소스가 2배가 필요하다는 주장이 있다. 모든 사용자를 차별없이 만족하기 위해선 모든 플랫폼의 앱을 제공해야했다. 조금 규모가 있는 기업이 아니라면 이러한 인력을 확보한다는 것은 만만한 작업은 아니다. 또한, 각 플랫폼 개발자는 해당 아키텍처에 특화 심지어, iOS 앱을 능숙하게 개발할 수 있다고 하더라도, 안드로이드 앱을 전혀 개발할 수가 없다. 개발언어도 다르고, 프레임워크 구조도 너무 다르다. 결국 앱 개발자는 특정 플랫폼의 앱만 개발할 수..

    [좋은 글] Use-Case Diagram 작성하기
    # Back-End

    [좋은 글] Use-Case Diagram 작성하기

    유스케이스 다이어그램 시스템과 사용자의 상호작용을 다이어그램으로 표현한 것으로 사용자의 관점에서 시스템의 서비스 혹은 기능 및 그와 관련한 외부 요소를 보여주는 것이다. 사용자가 시스템 내부에 있는 기능 중에 어떤 기능을 사용 할 수 있는지 나타내며 유스케이스 다이어그램을 사용함으로써 고객과 개발자가 요구사항에 대한 의견을 조율 할 수 있다. 한마디로 사용자랑 시스템사이에 관계를 나타내는 것으로 볼 수 있다. 유스케이스 다이어그램은 프로젝트에 대한 요구사항을 정의하고 세부기능을 분석하며 개발 범위를 정할 때 작성한다. 구성요소(Component) 유스케이스 다이어그램의 구성요소는 시스템(System), 액터(Actor), 유스케이스(Usecase), 관계(Relation)로 구성되어 있다. 1) 시스템(..

티스토리툴바