스터디를 하기로 했음!!!
본격적인 시작은 다음날 18일부터 하기로 하고 일단 오늘은 일정과 시간, 공부할 내용 등을 얘기 했심~
자바스크립트를 배우면 리액트를 더 배워서 프론트를 할 수 있고 백엔드도 이해할 수 있다고 한다.
평일 저녁마다 강의를 보고 내용을 블로그에 정리함.
모르면 my girls에게 물어보기. 과제 내주면 하기.
개발, IT 용어
🔸 프레임워크, 라이브러리
제어권한을 프로그램이 가지는 게 프레임워크
사용자가 제어권한을 호출해서 직접 쓰는 게 라이브러리
엄밀히 구분하기가 애매하기 때문에 공식이 뭐로 정의했는지를 존중해주면 된다.
( Bootstrap은 공식에서 프레임워크라고 하고, React는 공식에서 라이브러리라고 함. )
[자바스크립트]
프레임워크 - Vue, Angular
라이브러리 - react (웹, 페이스북에서 제작), React Native(앱)
🔸 tailwindcss, Material-Ui, Bootstrap
프론트엔드 프레임워크들인데 ui를 쉽게 만드는 틀이라고 볼 수 있다.
공식은 무료기 때문에 유료 사이트는 머티리얼 ui와 부트스트랩의 디자인을 커스텀하여 판매하는 거다.
tailwindcss는 커스텀 불가하다고....
https://tailwindui.com/components?ref=sidebar
🔸 플러터: 구글이 출시한 UI 디자인 라이브러리, 확장 기능을 제공하는 앱 프레임워크
🔸 그로스 해킹, 벡터
벡터: X Y축에 쓰이는 용어
그로스 해킹(Growth hacking): 서비스 기획에 쓰이는 용어. 일단 mvp 내놓고 고객 반응을 깔짝깔짝 수집하면서 점진적으로 개선해나감. ux를 분석하여 빠른 성장을 추구하는 마케팅 기법. 전체 개발 과정에 걸쳐 마케팅 아이디어를 제품에 녹여내는 전략
🔸 해킹, 크래킹
해킹(hacking): 강제로 남의 시스템에 침입해서 권한을 무단 탈취하는 것. 화이트, 그레이 해커도 있기 때문에 피해를 주는 것과는 별개. 해커
크래킹(Cracking): 불법적이고 악의적인 목적을 가진 해킹. 크래커Cracker라고 부릅니다.
🔸 Git이란?
버전 관리를 도와주는 거. 파일로 관리하면 늘어나니까 버전내역을 갖고 있음.
- 장점
이전 버전으로 돌아가기
어디서 오류 났는지 알기
다른 사람이 바꾼 거 막기
🔸 서버는 응답(response)해주는 쪽, 클라이언트는 요청(request)하는 쪽
프론트엔드> 클라이언트
서버> 백엔드
🔸 프론트 오피스: 고객을 상대함
미들 오피스: 프론트를 지원함.
백 오피스: 후방 업무. 관리자 시스템에 접근해서 관리 및 운영 업무를 함.
https://m.blog.naver.com/trustsp/222439780510
🔸 HTML, CSS, JavaScript
HTML: 웹 페이지를 만들 수 있는 언어이다. 웹 페이지의 콘텐츠를 구성하고 배치하는 데 있어서 필수적인 툴이다.
CSS: 웹 페이지의 레이아웃을 담당한다. 웹 페이지에 사용될 글씨들의 크기나 스타일들을 모두 CSS로 조종할 수 있다.
JavaScript: 웹 페이지를 좀 더 역동적으로 만들어주는 프로그래밍 언어. 많은 웹 페이지들에 자바스크립트가 활용된다.
🔸 UI, UX, GUI, CLI
Gui(Grapic User interface): 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경
CLI(Command Line Interface): 명령어 인터페이스, 명령어를 입력해서 사용자와 컴퓨터가 상호 작용하는 방식
CUI는 콩글리쉬, 틀린 용어.
https://www.itrelease.com/wp-content/uploads/2017/11/GUI-vs-CLI.png
https://sidepower.tistory.com/372
UI: 나랑 접근하는 방식
GUI: 예쁜 겉모습
UX: 음 불편하네, 음 또 쓰고 싶다
🔸 함수, 상수, 변수
함수 | f(x) | 일정한 동작을 수행하는 코드, 내장 함수와 사용자 정의 함수 |
상수 | 변하지 않고, 항상 일정한 값을 갖는 수 | 수식에 따라서 변하는 값 |
변수 | 수식에 따라서 변하는 값 | data를 저장할 수 있는 메모리 공간. 정수, 실수, 문자 등 어떤값이든 저장할수 있으므로 변수라고 함. |
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=babobigi&logNo=40193026025
🔸 IA: Information Architecture, 정보구조도
🔸 스크럼 방식: 개발팀에서 팀과 프로젝트를 관리하기 위해 쓰는 애자일 방법론...이라고만 알자
https://terms.naver.com/entry.naver?docId=3532892&cid=58528&categoryId=58528
개발 용어 강의
1시간만에 끝내는 직장인 코딩 용어 해설 상시 무료
https://effectivecode.tistory.com/m/499
그 외 들으면 좋을 수 있는 강의
https://www.inflearn.com/course/%EA%B2%8C%EC%9E%84%EC%B2%98%EB%9F%BC-git%EB%8D%98%EC%A0%84
'공부, 연구 > 개발' 카테고리의 다른 글
기술 라이브러리 링크 (0) | 2022.11.07 |
---|---|
1103 1시간만에 끝내는 직장인 코딩 용어 해설 캡쳐 (0) | 2022.11.03 |
1031 리액트 강의 수집 (0) | 2022.11.01 |
1030 강의 캡쳐 (0) | 2022.10.31 |
1030 리액트 공부 1일차 (0) | 2022.10.31 |