본문 바로가기

분류 전체보기216

네이버 선배세미나 참가 후기입니다 8월 10일, Naver Developer Open Class에서 주최하는 선배세미나가 열렸습니다. 오픈클래스를 통해 이미 다양한 채용 정보등을 공유하고 있던 네이버에서 현재 재직중인 개발자들의 후배들을 초대해 생생한 경험을 나눈다는 취지의 행사인데요, 이번에 네이버에 취업하신 선배님에게 이 소식을 듣고 바로 지원했습니다. 네이버 폼을 통해 지원자를 받았고 동시에 선배들에게 궁금했던 점이나 네이버에 대해 알고 싶었던 부분등을 함께 작성하여 제출하면 세미나 당일 답변해주는 형식이었습니다. 저는 아직 학부생이기 때문에, 현업자 분들의 개발 프로세스와 의사소통 과정이 특히 궁금해서 질문 드렸는데 선배님들께서 본인의 경험을 담아 정성껏 답변해주셔서 특히 기억에 남았습니다. 원래 선배세미나는 네이버 그린팩토리에서.. 2020. 9. 6.
노션 사용 후기 및 간단 사용법 포트폴리오 페이지 개발을 어느정도 잡아두고 어떻게 개선할까 생각하던 도중, 학교 동아리 선배로부터 프로젝트를 같이 해보자는 제의를 받았습니다. 백엔드 포지션으로 이미 세 분이 참여하고 계셨고, 정신을 차려보니 유일한 프론트엔드 포지션이 되어있었습니다. (?) 이에 대한 자세한 내용은 프로젝트가 완성되면 후기와 함께 작성하기로 하고, 오늘은 노션을 사용해 보고 느낀 점을 간단히 후기로 남기려고 합니다. "A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team." 노션은 일정, 문서, 정보 등등 팀 단위의 작업을 함에 있어 필요한 여러 내용들을 정리하고 공유할 수 있게 .. 2020. 9. 5.
React에서 PC/모바일 각각 라우팅하기 반응형 웹 디자인을 사용하면 접속하는 기기의 사이즈에 따라 페이지의 크기를 유동적으로 구성할 수 있다. 하지만 필요에 따라 모바일과 PC에서 아예 다른 화면을 보여줘야할 때가 있는데, 이럴 때 사용할 수 있는 방법이다. npm을 이용해 react-device-detect 패키지를 설치하고, npm install react-device-detect --save App.js에 공식 페이지에서 안내하는 용법에 따라 코드를 입력해준다. import { BrowserView, MobileView, isBrowser, isMobile } from "react-device-detect"; function App() { return ( This is rendered only in browser This is rende.. 2020. 7. 16.
노마드 코더 리액트 튜토리얼 강의 완강 후기 얼마 전 노마드 코더에서 유튜브에서 무료로 제공중인 리액트로 영화 앱 만들기 시리즈를 완강했다. 이전에 리액트로 포트폴리오 페이지를 만들어봤지만 말 그대로 CRA만 했을뿐, 리액트를 사용하는 의미가 없었다고 봐도 무방했는데 이번 기회에 리액트스러운? 프로그램을 짜는데 많은 도움이 되었다. 역시 배울 기회가 있다면 독학보다는 이렇게 강좌를 통해서라도 배우는게 좋다고 느껴졌다. (물론 도와줄 멘토가 있다면 금상첨화겠지만!) 강의 진행은 간단하다. 영화 정보를 제공하는 사이트에서 뿌려주는 api를 통해 영화 목록을 띄워주는 화면을 구현하는것이 목표이고, 실제로 강사인 니콜라스(노마드 코더)씨가 구현하는 과정을 처음부터 끝까지 모두 보여준다. 이론은 꼭 필요한게 아니라면 생략하고 실전 위주로 보여주다보니 강의 .. 2020. 7. 13.
React에서의 proptypes validation React의 React.PropTypes가 15.5 버젼 이후로 deprecate 되면서, proptypes validation을 위해서는 라이브러리를 따로 불러와야 할 필요가 생겼다. 기존의 React.PropTypes의 경우 다음과 같이 사용했다. static propTypes = { value: React.PropTypes.string } 그러나 지금 버젼의 리액트에서 이렇게 사용하면, 콘솔창에 아래와 같은 오류메시지가 뜨며 prop-types 라는 npm 모듈을 사용할 것을 권장한다. React.PropTypes is deprecated since React 15.5.0, use the npm module prop-types instead react/no-deprecated 따로 분리된 propt.. 2020. 7. 2.
React 프로젝트 gh-pages 배포시 git-upload-pack: command not found 오류 지난번에 올렸던 포트폴리오 사이트를 만들며에서 제작했던 포트폴리오 페이지를 그동안 Github에 소스코드로만 업로드했었는데, 이참에 바로 확인해 볼 수 있도록 깃 페이지에 올리기로 했다. 구글링하며 찾은 방법대로 gh-pages 를 npm 명령어로 설치하고, npm install gh-pages --save-dev package.json에 필요한 정보들을 추가해주고, // ... "homepage": "https://kyr9389.github.io/portfolio", // ... "scripts": { // ... "predeploy": "npm run build", "deploy": "gh-pages -d build" // ... } 아래 명령으로 배포를 시작했다. npm run deploy esli.. 2020. 6. 26.

티스토리툴바