Oxygen Cherry - Pencil
본문 바로가기

공부, 연구/개발

1017 스터디 오프닝, 개발 용어

728x90

스터디를 하기로 했음!!! 

본격적인 시작은 다음날 18일부터 하기로 하고 일단 오늘은 일정과 시간, 공부할 내용 등을 얘기 했심~ 

 

 

자바스크립트를 배우면 리액트를 더 배워서 프론트를 할 수 있고 백엔드도 이해할 수 있다고 한다. 

평일 저녁마다 강의를 보고 내용을 블로그에 정리함.

르면 my girls에게 물어보기. 과제 내주면 하기.  

 


개발, IT 용어

 

🔸 프레임워크, 라이브러리 

제어권한을 프로그램이 가지는 게 프레임워크 

사용자가 제어권한을 호출해서 직접 쓰는 게 라이브러리 

 

엄밀히 구분하기가 애매하기 때문에 공식이 뭐로 정의했는지를 존중해주면 된다.

( Bootstrap은 공식에서 프레임워크라고 하고, React는 공식에서 라이브러리라고 함. )

 

[자바스크립트]

프레임워크 - Vue, Angular 

라이브러리 - react (웹, 페이스북에서 제작), React Native(

 

 

🔸 tailwindcss, Material-Ui, Bootstrap 

프론트엔드 프레임워크들인데 ui를 쉽게 만드는 틀이라고 볼 수 있다.

공식은 무료기 때문에 유료 사이트는 머티리얼 ui와 부트스트랩의 디자인을 커스텀하여 판매하는 거다. 

tailwindcss는 커스텀 불가하다고.... 

https://tailwindui.com/components?ref=sidebar 

 

Tailwind UI - Official Tailwind CSS Components & Templates

Beautiful UI components and templates by the creators of Tailwind CSS.

tailwindui.com

 

https://mui.com/

 

MUI: The React component library you always wanted

MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.

mui.com

 

 

🔸 플러터: 구글이 출시한 UI 디자인 라이브러리, 확장 기능을 제공하는 앱 프레임워크

 

 

🔸 그로스 해킹, 벡터

벡터: X Y축에 쓰이는 용어

그로스 해킹(Growth hacking): 서비스 기획에 쓰이는 용어. 일단 mvp 내놓고 고객 반응을 깔짝깔짝 수집하면서 점진적으로 개선해나감. ux를 분석하여 빠른 성장을 추구하는 마케팅 기법. 전체 개발 과정에 걸쳐 마케팅 아이디어를 제품에 녹여내는 전략

 

 

🔸 해킹, 크래킹 

해킹(hacking): 강제로 남의 시스템에 침입해서 권한을 무단 탈취하는 것. 화이트, 그레이 해커도 있기 때문에 피해를 주는 것과는 별개. 해커

크래킹(Cracking): 불법적이고 악의적인 목적을 가진 해킹. 크래커Cracker라고 부릅니다.

 

 

 

🔸 Git이란? 

버전 관리를 도와주는 거. 파일로 관리하면 늘어나니까 버전내역을 갖고 있음.

- 장점

이전 버전으로 돌아가기

어디서 오류 났는지 알기

다른 사람이 바꾼 거 막기

 

 

🔸 서버는 응답(response)해주는 쪽, 클라이언트는 요청(request)하는 쪽

프론트엔드> 클라이언트

서버> 백엔드

 

 

🔸 프론트 오피스: 고객을 상대함  

미들 오피스: 프론트를 지원함. 

백 오피스: 후방 업무. 관리자 시스템에 접근해서 관리 및 운영 업무를 함.  

https://m.blog.naver.com/trustsp/222439780510

 

TSP's Story [24편] - 프론트 오피스, 미들 오피스, 백 오피스

최근에 '백 오피스' 기능을 대신하는 BPS 서비스 일자리를 찾거나 기업의 조직을 연구하는 사...

blog.naver.com

 

 

🔸 HTML, CSS, JavaScript

HTML: 웹 페이지를 만들 수 있는 언어이다. 웹 페이지의 콘텐츠를 구성하고 배치하는 데 있어서 필수적인 툴이다.

CSS: 웹 페이지의 레이아웃을 담당한다. 웹 페이지에 사용될 글씨들의 크기나 스타일들을 모두 CSS로 조종할 수 있다.

JavaScript: 웹 페이지를 좀 더 역동적으로 만들어주는 프로그래밍 언어. 많은 웹 페이지들에 자바스크립트가 활용된다.

 

 

🔸 UI, UX, GUI, CLI 

UX (User Experience): 지각과 반응, 행동 등 총체적 서비스(제품, 시스템) 경험
UI (User interface): 사람이 사물, 컴퓨터 등과 의사소통을 할 수 있도록 하는 물리적, 가상적 매개체 (작업환경) 

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 사용자 인터페이스란? CLI GUI NUI OUI

인터페이스 (Interface)란? 서로 다른 장치를 연결시켜 소통하게 하는 소프트웨어 또는 장치입니다. ■ 사용자 인터페이스 UI . User Interface 인터페이스중에서 사람과 컴퓨터를 서로 원활하게 상호

sidepower.tistory.com

UI: 나랑 접근하는 방식 

GUI: 예쁜 겉모습 

UX: 음 불편하네, 음 또 쓰고 싶다 

 

 

🔸 함수, 상수, 변수 

함수 f(x 일정한 동작을 수행하는 코드, 내장 함수와 사용자 정의 함수
상수 변하지 않고, 항상 일정한 값을 갖는 수  수식에 따라서 변하는 값 
변수 수식에 따라서 변하는 값  data를 저장할 수 있는 메모리 공간.
정수, 실수, 문자 등 어떤값이든 저장할수 있으므로 변수라고 함.  

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=babobigi&logNo=40193026025 

 

정수 , 유리수 , 실수 , 무리수, 자연수

정수: 정수란 쉽게 말하자면 +,-가 붙은 모든자연수 입니다. 그런데 0두 포함된다는 점이 있습니다. (예를...

blog.naver.com

 

🔸 IA: Information Architecture, 정보구조도

 

🔸 스크럼 방식: 개발팀에서 팀과 프로젝트를 관리하기 위해 쓰는 애자일 방법론...이라고만 알자

https://terms.naver.com/entry.naver?docId=3532892&cid=58528&categoryId=58528 

 

애자일 개발 방법론, 스크럼

스크럼(scrum)은 [그림 2-25]처럼 원래 럭비 경기에서 사용되던 용어이다. 럭비에는 스크럼과 라인 아웃(line out)이라는 두 가지 기본 대형이 있다. 이 중 스크럼은 반칙으로 인해 경기가 중단됐을 때

terms.naver.com

 

 

개발 용어 강의

https://www.inflearn.com/course/%EA%B0%9C%EB%B0%9C-%EC%9A%A9%EC%96%B4-%EB%A6%AC%EC%9D%B4%EC%98%A4#curriculum

 

[무료] 개발자 용어 부스러기 주워먹기 - 인프런 | 강의

개발 지식이 늘어가면서도 왜 개발자들의 대화를 이해하지 못하는 걸까 궁금해 하셨던 분들 계신가요? 구체적인 개발 지식이 아니더라도 개발자들이 쓰는 용어를 알아야만 정확한 의미를 파악

www.inflearn.com

 

1시간만에 끝내는 직장인 코딩 용어 해설 상시 무료

https://online.spartacodingclub.kr/enrolleds/636216820d03f9907a5e8134/rounds/6178b82a38d078df2971b640/roadmap

 

SpartaCodingClub

 

online.spartacodingclub.kr

 

https://effectivecode.tistory.com/m/499

 

기획자가 알아두면 좋은 개발 용어

기획자가 알아두면 좋은 개발 용어 오늘, 마지막으로 기획자가 알아두면 좋은 개발 용어에 대해 정리를 해 둔다. 모르는 단어들도 있을 수 있겠지만 눈에 익숙한 단어들이라 읽는 것 만으로도

effectivecode.tistory.com

 


그 외 들으면 좋을 수 있는 강의 

 

https://www.inflearn.com/course/%EA%B2%8C%EC%9E%84%EC%B2%98%EB%9F%BC-git%EB%8D%98%EC%A0%84

 

[무료] 게임처럼 공부하는 git 던전 - 인프런 | 강의

개발을 시작하기 전에 개발을 할 때 반드시 해야하는 협업도구를 다루는 법을 배울 수 있습니다. 처음부터 끝까지 듣는 것 보다는 내가 모르는 개념이나 필요한 부분만 골라 들으시면 좋겠습니

www.inflearn.com

 

 

https://www.inflearn.com/course/%EB%AA%A8%EB%8D%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%94%A5%EB%8B%A4%EC%9D%B4%EB%B8%8C#curriculum

 

[무료] 모던 자바스크립트 딥다이브 스터디 - 인프런 | 강의

《모던 자바스크립트 딥다이브》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!, - 강의 소개 | 인프런...

www.inflearn.com

 

 

728x90

'공부, 연구 > 개발' 카테고리의 다른 글

기술 라이브러리 링크  (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