WeCode
-
wecode 2차 프로젝트 후기에세이 2020. 11. 15. 23:58
1. 프로젝트 시작 이번 2차 프로젝트에서는 function of beauty 라는 외국 사이트를 클론하게 되었다. 처음 사이트 소개할 때 사이트가 예뻐보여서 선택했었는데 막상 내가 그 사이트를 구현하려고 하니 부담감이 앞섰다. 처음 팀이 꾸려지고 회의를 하면서 그래도 1차 프로젝트 때 state를 많이 다루어 보았으니까, 이번에도 state를 다루는 일은 크게 어렵지 않을 것이라고 생각했다. 그러다보니 내가 detail 페이지와 state를 많이 활용해야 하는 quiz 페이지를 맡게 되었다. 첫 회의 때 무리 없이 역할분담이 진행되었기에 이번 프로젝트는 조금 힘들지언정 위기는 크게 없겠다라는 생각이 들었었다. 2. 프로젝트 진행 중 프로젝트의 첫 주차에는 빠르게 끝낼 수 있는 detail 페이지 먼저 ..
-
[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..
-
[what is?] react hooks 가 뭔가요?IT 지식 2020. 11. 8. 18:25
저번 프로젝트까지는 react개발을 class 형 컴포넌트로 작성했었습니다. 그리고 이번 프로젝트에서는 함수형 컴포넌트로 작성하게 되었는데요, 이 함수형 컴포넌트를 작성하면서 꼭 필요한 기능인 react hooks에 대해 알아보는 시간을 가져보도록 하겠습니다. 1. react hooks? react hooks는 react v16.8 버전에 도입된 새로운 기능입니다. 함수형 컴포넌트에서도 상태관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공함으로써 기존의 함수형 컴포넌트에서는 할 수 없던 다양한 기능들을 제공하고 있습니다. 이 말을 들었을 때 '그렇다면 그 전에는 이런 기능이 없었던 말이야?' 라는 생각이 드실 수도 있습니다. 그리고 그 생각은 정확하다고..
-
[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 형식의 ..
-
[What is?] 리덕스가 뭔가요?IT 지식 2020. 11. 1. 22:40
리액트를 쓰다보면 리덕스에 관한 정보를 심심치않게 접하게 됩니다. 그리고 주워들은 정보에 의하면, 리덕스를 사용했을 때 state 관리가 훨씬 쉬워진다고들 이야기 합니다. 오늘의 포스팅은 바로 그 리덕스에 관한 이야기를 해보도록 하겠습니다. 1. 리덕스에 대한 정의 1) 리덕스란? 리덕스란 자바스크립트 앱에서 상태(state)를 효율적으로 관리할 수 있게 도와주는 도구 입니다. 하나의 페이지에서 모든 레이아웃과 기능들이 작동하는 요즘의 SPA에서 특히나 유용하게 사용할 수 있는 도구라고 할 수 있습니다. 리덕스는 리액트 외에도 다양한 js 프레임워크 및 라이브러리에서 사용할 수 있지만, 리액트에 특화되어 있기에 리액트에서 그 효율성이 극대화 된다고 할 수 있습니다. 2) 리덕스 왜 필요한가요? 리액트로 ..
-
[What is?] 타입스크립트가 뭔가요?IT 지식 2020. 11. 1. 19:38
오늘 포스팅에서는 자바스크립트의 상위 호환으로 알려져 있는 타입스크립트에 대해 다뤄보도록 하겠습니다. 1. 타입스크립트? 더보기 타입스크립트(TypeScript)는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 마이크로 소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. C#의 리드 아키텍트이자 델파이, 터보 파스칼의 창시자인 Anders Hejlsberg가 개발에 참여한다. 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있다. (From 위키백과) 타입스크립트는 마이크로 소프트에서 개발한 오픈소스 프로그래밍 언어 입니다. 타입스크립트는 자바스크립트의 슈퍼셋이기 때문에 자바스크립트에서 사용할 수 있는 모든 기능을 사용할 수 있습니다. 이로 인해 ES6 문법을 사용하기 위해 Bab..
-
1차 프로젝트 후기(in Wecode)에세이 2020. 11. 1. 17:06
목차 1. 시작하기 전 2. 프로젝트 진행 중 3. 후기 및 개발자가 되어 간다는 것. 1. 프로젝트를 앞두고... 위코드에서의 한 달 살이가 지난 후 드디어 처음으로 프로젝트를 진행하게 되었다. 각자가 하고 싶은 프로젝트에 대해 발표하고 나서 투표과정을 거친 후 클로닝할 사이트와 팀원이 발표 되었다. 그때까지만 해도, 기대보다는 우려가 많이 앞섰다. 위코드에서 처음 했던 레플릿 과제는 진행순위로 보면 항상 하위권이었고, 인스타그램을 클로닝하는 프로젝트인 위스타그램에서도 추가 기능 구현까지 한 많은 동기들에 비해 나는 기초 기능구현도 버거웠기 때문이다(결국 추가기능 구현은 시도조차 하지 못했다). 그런 상황에서 제대로 된 사이트를 클론한다는 것이 걱정되었다. '제대로 사이트를 구현하지 못해 제대로 된 포..