2주차에는 JSX 문법과 state/props에 대해 배웠다 ! → JavaScript를 확장한 문법으로 js 코드 안에서 ui관련 작업을 할 수 있다고 한다! 일반 html 태그를 사용해 가독성이 좋고 js로직 사용이 가능하기 때문에 활용도도 높다 !특징 요약html
이번주에는 style에 대한 것을 배웠다!Syntactically Awesome Style Sheet의 줄임말로 CSS pre-processor이다. 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여준다!또한 코드의 가독성을 높여주어 유지보수를 쉽게 해준
현재 진행하고 있는 프로젝트에서 처음 브랜치를 써보게 되었다! 그래서 다른 명령어들과 함께 브랜치를 공부해 보았다:)Working tree : 작업 테이블Staging Area : 커밋 버전하고 싶은 걸 올리는 곳Repository : 스테이징 에어리어 커밋할 때 저장
이번주차는 내가 발표할 차례다...............설날 연휴를 틈타 준비하기 위해서 5주차를 택했는데 주제가 너무 어렵다!!! 개념 정리부터 좀 힘들었는데 실습을 준비하는게 아무래도 너무 힘들었다ㅜㅜAPI란?비동기 프로그래밍, 프로미스Fetch vs Axios외부
yarn create react-app api_practice파일 구조index.jsimport index.css 삭제App.js정답을 보지 않고 앞에서 배운 fetch 문법을 사용해서 api를 console창에만 띄어보는 것을 해봅시다 !랜덤 사용자를 제공해주는 ap
react Routerurl, uriRouter란?history, locationreact Router를 이용한 예제URL : Uniform Resource Lacator, 웹 주소. 자원이 실제로 존재하는 위치URI : Uniform Resource Identifie
TypeScript란? TypeScript(이하TS)는 MS에서 개발한 오픈소스 프로그래밍 언어. JavaScript를 기반으로 정적 타입 문법을 추가한 언어로 JavaScript의 단점을 보완하기 위해서 만들어진 언어. TS는 모든 브라우저, 호스트, 운영체제에서
이번주부터 백엔드 세션에 참여하기로 했다.....!!!! 미루고 미뤄오던 백엔드 공부,,, 드디어 시작,,,그 기념으로 javascript 문법 다 까먹어서 기억이 나지 않는 기본적인 내용들은 복습을 해보려고 한다💨강의는 생활코딩 강의를 참고했습니다:)true와 fa
Node.js는 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임.JS 런타임 = JS 실행기 = 서버 역할 수행 => 서버X자바스크립트는 웹브라우저에서만 실행되는 언어 \- 노트를 통해 컴퓨터에서도 자바스크립트가 실행될 수 있게 한다.
오늘의 내용은 ~ ! \- 슬랙봇이란? \- 슬랙봇의 기본 원리 \- API \- 제네릭특정 이벤트가 발생 시 그에 맞는 유저 동작이나 알림을 컴퓨터가 자동으로 하는 것특정 입력을 하면 메세지가 출력되는 기능에 대해 알아봅시다!슬랙봇을 생성하기 위한 생
짜-잔 백엔드 세션에 처음 참여한 날.실습하다가 멘탈이 나갈뻔 한 날...아직 돌아오지 않은 멘탈을 블로그를 정리하며 돌이켜보려고 합니다:)사전 설치 \- node.js \- postman \- yarn \- git내용을 시작하기 전에 그림으로 간단하
오늘은 지난 시간에 배운 미들웨어와 라우터에 대해서 정리해보자!미들웨어란 일종의 거쳐가는 함수라고 생각하면 된다. 좀 더 자세하게는 이름처럼 요청과 응답 중간에 위치한 함수이다!미들웨어 함수는 요청 오브젝트인 req, 응답 오브젝트인 res, 그리고 애플리케이션의 요청
Header : 리퀘스트 헤더에 포함된 파라미터. 보통 인증 혹은 권한 부여에 관련되어 있다.query string 파라미터 : 사용자가 입력 데이터를 전달하는 방법 중의 하나request params : api/posts/:id req.params resource p
슬랙봇 개발이 끝나자마자 합류하게 된 라이언타운 프론트엔드 개발,,, 라이언타운에서 사용하는 기술들은 한 번 써봤거나.. 처음 듣는 기술이나.. 그런 것들이 너무 많아 팀원들과 함께 파트를 나눠 간단하게 스터디 자료를 만들어 서로 공유하기로 하였다! 그래서 내가 맡은
이번 포스팅에서는 next.js의 getInitialProps에 대해서 알아보고자 한다. 쉽게 말해 getInitialProps는 data를 fetching하는 방법 중 하나라고 생각하면 된다. 주로 CSR인 React에서는 axios나 fetch함수를 사용했었는데
1. React를 한 단어로 정리하면? → React는 Component들의 모임이다 ! 갑자기 작성했던 블로그들을 보는데 1주차 기록이 빠져있는 걸 보고 놀라서 여기저기 찾아보니 다 써놓고 임시글에 넣어두고는 업로드를 안했었다,,,🥲 늦게라도 업로드 하는즁...