본문 바로가기

"공부" 𝑟𝑒𝑐𝑜𝑟𝑑56

[TIL] Babel이란 무엇인가? 바벨(Babel)이란? 프론트엔드 개발을 하는 사람이라면 한 번쯤 바벨에 대해서 들어본 적은 있을 것이다. 바벨(Babel)은 자바스크립트 코드를 변환해 주는 컴파일러이다. 자바스크립트 코드를 변환? 왜 해야하는데? 바벨은 JavaScript ES6 문법이 등장하면서 나오게 되었다. ES6 문법이 막 등장했을 때는 대부분의 브라우저가 ES5 문법만 지원하고 있었다. 때문에 개발자들이 ES6 문법을 사용하더라도 최신 문법을 사용하지 않는 브라우저라면 동작이 불가능했다. 그래서 ES6 문법을 ES5 문법으로 변환해줄 트랜스파일러가 필요했는데, 이 것이 바로 바벨(Babel)이다. 그 때문에 바벨이 처음 등장했을 때 당시 이름은 Babel이 아니라 6to5였다고 한다. 하지만, 이제는 ES6를 포함하여 ES7.. 2023. 6. 15.

[회고] SSAFY 2학기 마무리 회고 싸피 1학기 회고를 쓴게 엊그제 같은데... 벌써 2학기가 끝나고 현재는 수료 이전 한 달 동안 진행되는 잡페어 기간을 보내고 있다. 최근 싸피에서 10기 모집 전형이 진행 중인데 최근 면접 기간이라고 들었는데 블로그 방문자 수를 보니 그런 것 같았다 ㅋㅋㅋ 최대한 회고를 조금씩이라도 남겨보려했지만 정말 2학기는 프로젝트에 치여 살다가 하나도 쓰지 못했던 것 같다. 싸피의 꽃이라 불리우는 2학기를 마친 나의 소감은 정말 한 단어로는 표현할 수가 없을 것 같다. 뿌듯? 힘듦? 슬픔? 기쁨? 정말 여러가지 감정이 공존하는 것 같다. 왜 2학기가 싸피의 꽃이라 불리우는지는 몸소 느낄 수 있었다. 정말 5개월 간 3개의 프로젝트를 한다는 것 그리고 그걸 또 각각 다른 팀원들이랑 진행한다는 것은 생각보다 쉬운 일.. 2023. 6. 13.

[TIL] React-Hooks 알아보기 클래스형 vs 함수형 React는 처음에 클래스형 컴포넌트의 방법만 존재했다. 하지만, 클래스형은 어렵고 복잡하여 함수형 컴포넌트 방법이 생겨나게 되었다. 함수형 컴포넌트는 클래스형 컴포넌트보다 훨씬 간단하기에 점점 함수형 컴포넌트의 사용 비율이 높아지게 되었고, 요즘 현업에서는 클래스형보다는 함수형 컴포넌트를 많이 사용하는 추세라고 한다. 클래스형 컴포넌트 import { Component } from 'react'; class Hello extends Component { render() { return 클래스형 컴포넌트 } } export default Hello 함수형 컴포넌트 const Hello = () => 함수형 컴포넌트 export default Hello 이 함수형 컴포넌트는 화살표 함.. 2023. 6. 9.

[TIL] CSS / Sass / SCSS 차이점 알아보기 What is CSS ? CSS는 Cascading Style Sheets의 약어이고, 이는 웹페이지를 꾸미려고 작성하는 코드이다. 어느 정도 웹 개발을 공부한 사람이라면 프론트엔드, 백엔드 개발자를 막론하고 CSS라는 것은 흔히들 들어봤을 것이다. 공식문서에 의하면 CSS는 프로그래밍 언어가 아니고, Stylesheet 언어라고 한다. CSS를 통해 HTML 문서에 있는 요소들에 선택적으로 스타일을 적용시킬 수 있다. .list { width: 100px; float: left; } li { color: red; background: url("./image.jpg"); } li:last-child { margin-right: -10px; } CSS는 너무 익숙해 Sass 와 SCSS는 무엇일까 ?? S.. 2023. 6. 3.

[TIL] REST-API와 GraphQL-API의 차이점 GraphQL이란? GraphQL은 최근 개발자들 사이에서 빠른 속도로 인기가 상승 중이다. 이 GraphQL은 2012년에 페이스북에서 만든 쿼리 언어이다. SQL의 QL이 Query Language을 의미하는데 SQL은 데이터베이스 시스템에 저장된 데이터를 효율적으로 가져오는 것이 목적이라면, 이 GraphQL은 웹 클라이언트가 서버로부터 데이터를 효율적으로 가져오는 것을 목적으로 만든 쿼리 언어인 것이다. 이 GraphQL은 현재 Facebook, Airbnb, Github 등의 유명한 사이트에서 사용 중인 통신 방법이라고 한다. REST-API를 두고 왜?? 그렇다면 사람들이 통상적으로 많이들 사용하고 있는 REST-API를 두고 왜 GraphQL을 사용하는 것인지 궁금했다. REST-API와 G.. 2023. 2. 28.

[TIL] 프로젝트 시작 전 git 명령어 정리하기 싸피 2학기에 들어온 현재 첫 프로젝트 1주차를 진행 중이다. 우리팀은 프론트엔드 개발자 3명, 백엔드 개발자 3명 이렇게 총 6인으로 구성되어 있다. 현재는 프로젝트 기획단계에 있는데 기획하는 게 젤 머리아프고 어려운 것 같다... 회의하고 의견 조율해가다보면 하루 뚝딱..!! 좀있으면 개발 단계에 접어들텐데 그 전에 협업을 위해 사용할 git의 명령어들을 정리해보면 좋을 것 같아 요로코롬 포스트를 올리게 되었다. git이란? git은 소프트웨어를 개발할 때 소스코드를 효과적으로 관리할 수 있게 해주는 형상 관리 도구 중 하나이다. 이 git을 사용하면 같은 저장소에서 여럿이 동시에 작업하는 병렬 개발이 가능하다. Branch(브랜치) git을 사용하다 보면 브랜치(Branch)라는 것이 있는데 이는 .. 2023. 1. 14.

이전 1 2 3 4 ··· 10 다음

티스토리툴바