티스토리

YJ블로그
검색하기

블로그 홈

YJ블로그

yeejun90.tistory.com/m

공부내용 정리 + 일기장

구독자
0
방명록 방문하기

주요 글 목록

  • Javascript ES6 문법 총정리(2) nomad coder의 javascript ES6 이상 버전의 문법에 대한 강의를 들으면서 정리해둔 내용이다. ES6 이후의 새로운 문법들이 총 정리 되어있는 포스팅이 없는 것 같아서 열심히 정리해 두었다. (노마드코더 와이프분인 lynn님에게 이메일 보내서 내 블로그에 게시해도 좋다는 회신을 받았음) ES6이상 새로운 의 모~~~든 문법을 포함하는 내용이 아닐 수도 있지만, 대부분 포함되어 있을것임. ------------------------------------------------------------------------------------------------------------------------ 아직 마지막 class부터 그 뒷부분 내용이 쪼~금 덜 정리되었는데 금방 업로드 예정임! .. 공감수 0 댓글수 0 2020. 8. 1.
  • Javascript ES6 문법 총정리(1) nomad coder의 javascript ES6 이상 버전의 문법에 대한 강의를 들으면서 정리해둔 내용이다. ES6 이후의 새로운 문법들이 총 정리 되어있는 포스팅이 없는 것 같아서 열심히 정리해 두었다. (노마드코더 와이프분인 lynn님에게 이메일 보내서 내 블로그에 게시해도 좋다는 회신을 받았음) ES6이상 새로운 의 모~~~든 문법을 포함하는 내용이 아닐 수도 있지만, 대부분 포함되어 있을것임. 1. const and let const name = ‘yeejun’ // read-only const person = {name: ‘yeejun’} // 내부의 값은 바꿀수 있음. person.name = ‘something' // 하지만 person 자체를 새로 할당 할 수는 없다 let은 var랑 비.. 공감수 0 댓글수 0 2020. 8. 1.
  • Objective-C 튜토리얼 엄청 좋은곳 발견 (참고) https://www.tutorialspoint.com/objective_c/ 공감수 0 댓글수 0 2020. 7. 8.
  • Javascript의 closure와 비교해서 이해하는 Objective-C의 동적할당 (참고) https://hyunseob.github.io/2016/08/30/javascript-closure/ https://onsil-thegreenhouse.github.io/programming/c/2018/08/05/c_tutorial_11/ https://m.blog.naver.com/PostView.nhn?blogId=jdub7138&logNo=220928509246&proxyReferer=https:%2F%2Fwww.google.com%2F 공감수 0 댓글수 0 2020. 7. 6.
  • Youtube api 사용하기 (참고) https://joypinkgom.tistory.com/27?category=874360 공감수 0 댓글수 0 2020. 6. 25.
  • AWS autoscaling 공감수 0 댓글수 0 2020. 6. 25.
  • AWS Elastic Beanstalk 공감수 0 댓글수 0 2020. 6. 24.
  • Travis Continuous Integration 회사의 서버 api코드를 해독하다가 .travis.yml 파일을 발견했다. (참고) https://devmjun.github.io/archive/Traivs 공감수 0 댓글수 0 2020. 6. 23.
  • 로드밸런서 node.js로 만든 서버 어플리케이션을 AWS에서 구동시키기 위한 방법을 찾아보다가, AWS Beanstalk를 알게되었다. Beanstalk 도큐먼트를 읽는데 로드밸런싱이라는게 뭔지 궁금해서 찾아본 내용을 정리하려고 한다. (참고) https://www.slideshare.net/awskorea/aws-elastic-beanstalk-aws-aws-devday2018 공감수 0 댓글수 0 2020. 6. 23.
  • 제품 트렌드 파악하기 한 해동안 성별, 연령대별로 사람들이 네이버 검색엔진에 어떤 제품을 가장 많이 검색해보았을까? 공감수 0 댓글수 0 2020. 6. 22.
  • 네트워크 통신과 토큰 const token = localStorage.getItem('token'); 공감수 0 댓글수 0 2020. 6. 22.
  • Docker 소개 회사에서 사용하는 서버코드를 받아서 vscode를 통해 열어보았다. 너무 복잡하다.. root경로에 고래모양 아이콘의 docker-compose, dockerfile이라는 것이 눈에 띈다! 오. 도커를 사용했구나. 도커가 어떤것인지는 대략적으로 알고 있었지만 회사 서버에 실제로 사용하고 있다는 것을 보고 이번에 좀더 확실하게 알아보기로 했다. (참고) https://blog.nacyot.com/articles/2014-01-27-easy-deploy-with-docker/ https://www.44bits.io/ko/post/almost-perfect-development-environment-with-docker-and-docker-compose 공감수 0 댓글수 0 2020. 6. 22.
  • IT 스타트업과 AWS 우리회사는 AWS를 사용해서 서비스 런칭을 준비하고있다. 우리는 스트리밍 서비스를 준비중인데, 크게 세가지 과정으로 분류할수 있다. 1. 영상을 업로드 하는 순간의 클라이언트단에서의 처리과정 2. 업로드 시켰을때 AWS S3에 담겨지기 전의 영상 처리과정 3. 유저가 영상을 요청했을때 S3에 담긴 스트리밍 가능한 영상 파일의 호출 과정 그리고 위의 세가지 과정과 별개로 네트워크 통신 자체에 대한 문제도 하나의 고려요인으로 볼 수 있겠다. (3G 쓰는사람 보다는 LTE 쓰는 사람이 더 빠르게 영상을 재생시킬수 있을테니까) 얼마전에 다른 중견기업의 데이터팀에 자문을 받으러 간적이 있었다. 이 외부미팅이 아주 유익한 시간이었는데, 특히 지금의 우리회사처럼 영상을 다루는 서비스인 경우에는 생각해야 할 부분이 많.. 공감수 0 댓글수 0 2020. 6. 15.
  • Javascript 런타임 똑같이 v8엔진을 내장하고있는 런타임인 chrome 브라우저와 node.js의 차이점 ---> 제공하는 API가 다르다. 브라우저 --> document api 등.. node.js --> filesystem, http 등... 공감수 0 댓글수 0 2019. 10. 10.
  • 런타임이란? 평소에 런타임이라는 용어를 많이 사용하고 또 들어왔는데 제 머리속에서는 그 개념이 명확하지 않아서 이번에 시간을 내서 공부해 보았습니다. 위키피디아에서 정의를 찾아보면 런타임과 런타임 환경을 구분해 놓았는데, 정확히 말하자면 평소에 우리가 사용하는 런타임이라는 용어는 대부분 런타임 환경을 의미하는 것 같습니다. 전 단순히 이 용어에 대한 정의만 가지고는 전혀 가슴에 와닿지 않기 때문에.. 예시를 통해 좀 더 구체적으로 살펴보겠습니다. 저는 Javascript 언어를 사용합니다. 제가 어떤 프로그램을 만들기 위해 코딩을 하면 Javascript언어로 코드를 짤텐데, 컴퓨터는 이 Javascript언어가 무슨 말인지 이해하지 못합니다. 컴퓨터는 0 과 1(비트열)로만 이루어진 자연어(기계어)만 이해합니다. .. 공감수 2 댓글수 0 2019. 9. 6.
  • Moyeo 프로젝트 모임어플 Moyeo 부트캠프 동기들 3명과 함께 외로운 현대인들을 위한 모임어플을 하나 만들어 보았습니다. 그 이름은 Moyeo입니다. 저는 Front-end를 맡았습니다. 어플의 대략적인 UI View를 캡쳐해보았습니다. Moyeo 어플은 실시간 다중 채팅과 모임 결성을 위한 투표기능을 갖는 모임 어플입니다. 카카오맵 API사용 은 시간상 구현하지 못했지만, 실시간 다중채팅과 투표기능을 처음으로 React-native만으로 구현한 것에 큰 의미가 있다고 생각합니다. 그리고 스크린에 해당하는 컴포넌트의 수를 줄였으면 좀더 UI를 이쁘게 만들수 있었을텐데 너무 아쉽네요. Skills 및 개발환경 React-native, Expo, Github, Github-flow Expo를 사용하면 react-nativ.. 공감수 0 댓글수 0 2019. 8. 20.
  • 기업협업 프로젝트( rendering 최적화에 대한 고민 ) Humanscape와 협업 이번에는 Humanscape 회사와 협업으로 프로젝트를 하나 진행했습니다. PGHD 어플을 만드는 것이었는데요. PGHD란, Patients Generated Health Data 의 약자입니다. 의사가 진료를 통해 기록한 환자의 데이터가 아니라, 환자 자신이 기록한 데이터를 다루기 위한 App입니다. 위 사진 자료는 휴먼스케이프 홈페이지에서 찾아볼 수 있는 자료입니다. 위 스크린샷을 통해 이 프로젝트가 어떤 프로젝트인지 그 내용은 짐작이 가시리라 생각합니다. 병원 좀 다녀보신 분들이나, 몇번 크게 아파보신 분들은 대부분 공감하실겁니다. 의사가 알고 있는 임상학적 통계자료에 근거한 환자의 몸 상태와, 환자가 실제로 느끼는 자신의 몸 상태에는 조금 괴리가 있습니다. 아마도 이러한.. 공감수 0 댓글수 0 2019. 8. 15.
  • 8 / 14 플러그인(plugin) 이란? 공감수 0 댓글수 0 2019. 8. 14.
  • 8 / 14 완성된 app client의 apk를 만들었는데 fetch함수 부분만 작동하지 않는 문제 발생. 아마 apk를 빌드 하는 과정에서 config 폴더 안의 clientid와 clientsecret이 제대로 빌드되지 않아서 redux코드 파일에서 import를 못하고 있는것이 아닌가..싶음 공감수 0 댓글수 0 2019. 8. 14.
  • 8 / 12 4주 프로젝트 회원가입 파트에 리덕스 적용시켜서 리팩토링! https://meetup.toast.com/posts/111 Redux 분석하기 : TOAST Meetup Redux 분석하기 meetup.toast.com 공감수 0 댓글수 0 2019. 8. 12.
  • 8 / 6 사용자 인증 앱 로그인 이후 유저가 서비스 이용을 위해 갖고있어야 하는 Token accessToken과 refreshToken 의 차이 공감수 0 댓글수 0 2019. 8. 6.
  • 8 / 5 .bashrc 와 .bash_profile이 뭐 하는 애들일까 공감수 0 댓글수 0 2019. 8. 5.
  • 8 / 1 ios 시뮬레이터 띄울때 어떤 에러는 종종 ios 폴더 내의 build 폴더를 삭제하고 다시 react-native run-ios 를 실행하면 정상적으로 작동함. ios/ build 폴더와 android/build 폴더의 build폴더가 하는 역할이 뭘까 - ios: command + D -> Debbug JS remotely -> console.log 확인 - android : command + D -> Debbug JS remotely -> console.log 확인 디버깅 주소가 둘다 같은 서버 포트를 사용하는 것 같다.(ios와 android 둘다 동시에 디버깅 하지는 못한다) 공감수 0 댓글수 0 2019. 8. 1.
  • 7 / 30 flex ㄷㅣ자인 패턴에 대한 공부 공감수 0 댓글수 0 2019. 7. 30.
  • 7 / 30 ios 시뮬레이터 실행 에러 (code 65 에러) - 해결 : 전역에서 (cd) sudo gem install cocoapod -> cd ios -> Pod install android 에뮬레이터 실행 에러 (error - Execution failed for task ':app:validateSigningDebug) - 해결: debug.keystore 파일을 app 폴더에 넣어주기 [https://github.com/facebook/react-native/issues/25629] => @bondehagen url click => debug.keystore file move in android/app ios 시뮬레이터 실행시에 ICON 불러오기 오류 , 그리고 android 에뮬레이터에서는 아이콘이 .. 공감수 0 댓글수 0 2019. 7. 30.
  • 7 / 29 local git repo의 파일 관리 기억 시점 = git add , git commit 하는 시점 공감수 0 댓글수 0 2019. 7. 29.
  • 7 / 28 오늘의 공부거리 webpack과 babel의 역할 그리고 typescript로 인해 트랜스폼된 코드의 코드보안과 관련된 이슈 공감수 0 댓글수 0 2019. 7. 28.
  • 7 / 27 오늘의 이슈 git flow https://github.com/cheese10yun/github-project-management cheese10yun/github-project-management :octocat: Github로 프로젝트 관리하기. Contribute to cheese10yun/github-project-management development by creating an account on GitHub. github.com https://programmingsummaries.tistory.com/386 [GitHub] 새로운 컨트리뷰터를 끌어들이는 GitHub 이슈 사용 방법 http://radek.io/ 의 How to use Github issues to attract new con.. 공감수 0 댓글수 0 2019. 7. 27.
  • 7 / 26 1. 팀원중 한명이 git repo에 올린 프로젝트를 clone 받아서 react-native run-ios, react-native run-android를 실행시켰을때 시뮬레이터가 실행되지 않는다. ----> 에러 스크린샷 2개 -- > ios: cocoa pod 설치문제, android: debug.keystore 문제 2. react-native ios와 android 코드를 공유하는 방법. (하나의 파일로 동시개발) https://differential.com/insights/sharing-code-between-android-and-ios-in-react-native/ Sharing Code Between Android and iOS in React Native Future updates wil.. 공감수 0 댓글수 0 2019. 7. 26.
  • 7 / 25 react-native & Typescript 초기 설정 팀원들끼리 이리저리 엄청 시도해본 결과, react-native에서 typescript를 설정하는 방법을 크게 두가지로 분류함 첫째, tsc --watch 명령어를 통해서 .tsx 파일을 typescript가 컴파일해서 .js 파일로 만들어서 시뮬레이터에 화면을 렌더시키는 방법.(지정한 폴더에 tsx파일이 컴파일 되어서 새로운 js 파일이 생겨나고 그 js파일을 사용합니다) -> 이 방법은 tsc watch를 통해서 실시간으로 타입체크가 가능하지만 타입체크에서 에러가 나더라도 어쨋든 .tsx파일이 .js 파일로 컴파일 되긴 합니다. 즉, typescript 컴파일러가 타입 오류를 잡아내긴 하지만 어쨋든 시뮬레이터 화면에 렌더링이 됩니다. (숫자를 .. 공감수 0 댓글수 0 2019. 7. 25.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.