WEB
-
[TIL] Day 32. export default의 의미에 대해IT 지식 2020. 11. 17. 11:36
우리가 react로 코딩을 하다보면 많은 경우에 우리가 쓴 코드를 다른 코드에서 활용하기 위해 import 해오는 경우가 많습니다. 우리가 다른 파일을 import 해오기 위해선 해당 js 파일에서 export를 해주는 것이 중요합니다. 그때 코드의 마지줄에 'export default' 라는 단어를 붙이는 경우가 많습니다. 지금까지는 그냥 아무생각 없이 써왔지만, 오늘 문득 왜 그런 단어를 붙이는지 궁금해졌습니다. 그래서 오늘 포스팅은 이에 대한 얘기를 해보려고 합니다. 1. export 우리는 꼭 default 라는 단어를 export 앞에 붙이지 않아도 코드를 다른 곳으로 보내 활용할 수 있습니다. const hello = "Hello World!" export {hello}; 이런 식으로 코드를 ..
-
[TIL] Day 31. git rebase 하는 법IT 지식 2020. 11. 15. 13:28
안녕하세요 오늘은 저번에 다루었던 git 기능 중 하나인 git rebase를 하는 법에 대해 알아보도록 하겠습니다. 거창한 내용이 아닌만큼 오늘 포스팅은 다른 포스팅에 비해 조금은 양이 적을 수도 있겠네요 1. git rebase란? git rebase는 git의 commit log를 관리하는 명령어 입니다. 지난 시간에 git commit log를 통해 작업 내역을 관리할 수 있다고 말씀드렸었는데요. git rebase라는 명령어는 이런 git의 commit log를 수정하고 축약할 수 있는 명령어입니다. git log는 파일이나 폴더 이름 바꾸듯 바꿀 수 있는 것이 아니라서 이러한 명령어를 터미널에 입력해야 수정할 수 있습니다. 2. how to rabase? 1) git add . 현재 작업중인 ..
-
[what is?] git이 뭔가요?IT 지식 2020. 11. 15. 10:39
코딩을 하다보면 내가 한 코딩에 대한 기록을 남겨야 할 필요성이 느껴지게 됩니다. 내가 어떤 작업을 했는지부터 시작하여, 내가 쓴 코딩을 다른 어딘가에 백업하고 싶다는 등의 느낌 말이죠. 이런 필요성은 혼자 할 때보다 협업을 하게 되면 더 크게 다가오게 되는데요, 오늘은 전세계 개발자들이 애용하는 코드 백업 툴이자 협업 툴인 git에 대해 알아보는 시간을 가져보도록 하겠습니다. 1. git? 처음 들어봐요. 깃(Git /ɡɪt)은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. 소프트웨어 개발에서 소스 코드 관리에 주로 사용되지만 어떠한 집합의 파일의 변경사항을 지속적으로 추적하기 위해 사용될 수 있다.(from 위키백과) git..
-
[TIL] Day 30. SVG 파일에 대해서IT 지식 2020. 11. 8. 17:53
웹에서 사용되는 이미지는 주로 png 파일이 많아서 svg 파일에 대해 잘 모르는 경우가 많습니다. 저도 이번 프로젝트 진행 전까지는 svg 파일에 대해 잘 몰랐는데요. 오늘의 포스팅은 웹 코딩 중 자주 마주치게 되는 svg 파일에 대해 알아보도록 하겠습니다. 1. svg 파일이 뭔가요? 스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형 식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의 되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하다. SVG 형식의 ..
-
[TIL]Day 20. 리액트(React)란?IT 지식 2020. 10. 4. 17:50
프론트엔드 개발자라면 누구나 리액트라는 단어는 한 번쯤 접해보셨을 겁니다. 현재 수많은 기업에서 활용하고 있고, 리액트 커뮤니티도 엄청나게 활성화 되어 있어서 이것을 잘 배워둔다면 여기저기 활용할 요소가 많은 것이 사실이죠. 오늘은 이렇게 핫한 리액트가 도대체 무엇인지 살펴보는 시간을 가져보도록 하겠습니다. 1. 리액트란? 리액트는 웹/앱의 뷰를 개발할 수 있도록 도와주는 라이브러리입니다. 우리가 지난 시간에 살펴보았던 라이브러리라는 단어가 다시 나오는군요! 이전 포스팅에서 얘기했던 것처럼 라이브러리는 특정 언어로 작성된 응용도구라고 생각하시면 되는데요, 리액트의 경우에는 자바스크립트로 작성된 라이브러리라고 할 수 있습니다. 그렇다면 왜 리액트가 탄생하게 된 것일까요? 예전의 웹 생태계에서는 html과 ..