React TIL
[React] Day_1 데일리 정리
림졍
2024. 8. 28. 17:26
728x90
반응형
프론트엔드와 백엔드 (1-3)
- 프론트엔드 : 사람이 보는 부분, 즉 클라이언트를 만드는 개발자
→ 건물의 인테리어 등 사람이 볼 수 있는 부분을 만듬
+) 하는 일 :사용자인터페이스(UI) 구현, 동적 웹기능 구현, API 요청 및 데이터 처리
자주 사용하는 프로그램 : HTML, CSS, 자바스크립트, REACT (가장 많이 사용, 밀키트 생각) - 백엔드 : 사람이 봐야할 부분(데이터)을 제공하는 서버를 만드는 개발자
→ 건물의 구조 및 기반시설 등 사람이 볼 수 없는 부분을 만듬
+) 하는 일 - 웹 서버 로직처리, 데이터베이스관리, API 관리
cf. API : 클라이언트와 서버 연결하는 다리, 데이터 주고받을 수 있음
- 리액트? → 서비스 커질수록 느려지고 복잡해지기 때문에, 더 빠르고 효율적인 기술을 활용하기 위한 수단 (40.87% 사용)
필수 프로그램 설치 (1-4)
- VS Code
- 설치 사양에 맞는 확장 프로그램 다운로드 후 설치할 것.
- 환경세팅 → 코드 자동저장 필수(파일Tab - 자동저장 클릭)
- Extension (확장 프로그램) 설치
실습 - HTML, CSS 로그인 페이지 만들어보기 (1-5)
- 폴더 및 파일생성
- HTML 기초 실습 ('!' 자동완성, <head>&<body> 등)
→ 코드는 다 외울필요 X, 필요할때 ctrl+v! - 로그인 페이지 생성
JavaScript 문법 배우기 (1-6)
- 코드 실행법 (console.log 사용)
- 자바 맛보기 - 요소 바꾸기(버튼 클릭시의 경우 포함)
- 기초 문법 학습 (변수&기본연산, 리스트&딕셔너리, 함수, 반복문 & 조건문)
학습 방향성 및 꿀팁(1-7)
- 구글링 하는 것이 중요, 블로그 내용이 사실인지 꼭 파악하기.
- 알고리즘 → 매우중요, 코딩 테스트(Backjoon) 준비하여 문제 많이 풀어보기
+) 화면 구현 등의 내용으로 시험보기도 하니, 문제풀이만 하지는 않기. - 코딩만 하면 취업? → 회사에서도 함께 일을 할 사람을 찾으니.. 다른 사람과 소통하는 것 중요!
- 튜터님 찾아가서 적극적으로 질문하기!
728x90
반응형