본문 바로가기

전체 글84

[React] Day_3 맨땅에 헤딩하는 실습일기 - (1) 나 림졍. 프론트엔드 세계에 떨어진 지 어느덧 1주일이 지났다.강의를 듣고,, 뭐 할만한 게 없을까 둘러보던 중 눈에 띄던 그 이름,"직접 해보기". (a.k.a. 퀘스트라 불립니다)'에이 나쁘지 않게 했었으니까~ 잘할 수 있을 듯..?🤷🏻‍♂️' 라는 안일한 생각으로Vs Code를 활용하여 자그마한 미니게임을 만들기로 결정하는데.. (계속)    첫 실습은 [숫자 기억 게임] 만들기.만들기 위해서는 html 이랑 css 도 중요하지만... 이곳에서의 하이라이트는 JavaScript 님이올시다.(CSS는 정말 할당값만 잘 주어지면 멀쩡하게 작동을 잘하기 때문에, 필자는 자바에 더 집중할 예정이다.) 그중 조건문과 함수를 중심으로 제작되는 친구이니가급적이면 내용을 제대로 숙지한 뒤, 실습하는 것을 추천.. 2024. 8. 31.
[React] Day_2 데일리 정리 1주차 교육내용 (1-1)웹 → 개발을 입문할 때 배우는 개발의 기초 think (= HTML과 CSS를 배우는 과정) 웹 브라우저 작동 원리(1-2)페이지 어떻게 보여지는지 알아보는 시간F12 or ‘검사’ 기능 활용하여 페이지 해킹 가능 (in crome / 단, 일시적)웹의 동작 개념 요청하는 쪽 : 브라우저(클라이언트), 주는 쪽 : 서버각 코드 = 이렇게 그려달라는 설명서로 생각하기 ex) HTML : 뼈대, CSS : 꾸미기, JavaScript : 움직일 수 있도록 도와줌 코딩환경 세팅하기 (1-3)개발 환경 세팅하기 : Vs Code 설치 (= 쉽게 코딩가능한 프로그램)설치 후, Extension(확장 프로그램) 부가적으로 설치 ex) Open In Browser, 한국어 팩 등 HTML .. 2024. 8. 29.
[React] Day_1 데일리 정리 프론트엔드와 백엔드 (1-3)프론트엔드 : 사람이 보는 부분, 즉 클라이언트를 만드는 개발자→ 건물의 인테리어 등 사람이 볼 수 있는 부분을 만듬+) 하는 일 :사용자인터페이스(UI) 구현, 동적 웹기능 구현, API 요청 및 데이터 처리     자주 사용하는 프로그램 : HTML, CSS, 자바스크립트, REACT (가장 많이 사용, 밀키트 생각)백엔드 : 사람이 봐야할 부분(데이터)을 제공하는 서버를 만드는 개발자→ 건물의 구조 및 기반시설 등 사람이 볼 수 없는 부분을 만듬+) 하는 일 - 웹 서버 로직처리, 데이터베이스관리, API 관리     cf. API : 클라이언트와 서버 연결하는 다리, 데이터 주고받을 수 있음리액트? → 서비스 커질수록 느려지고 복잡해지기 때문에, 더 빠르고 효율적인 기.. 2024. 8. 28.