Develop+

모든 요소들은 생명주기를 가지고 있다. 생명주기는 왜 있어야할까? 코드로 만들어진 가상세계에도 생명주기가 있어야 할까? > 모든 자원들이 유한하기 때문에 생명주기가 있다. 예를들면 컴퓨터 시스템 내의 파워,시스템 등등이 유한하다. 지금은 빠르지만 미래에는 느리게 느껴지는 속도 지금은 많은 용량같지만 나중에 가면 작은 용량이 되기도 한다. 생명주기를 가진 요소들이 변화에 잘 어우러져서 하나의 서비스를 만드는데 효과적인 전략을 취할 수 있다. 이게 라이프사이클을 충분히 이해해서 잘 구성된 것을 잘 구조화된 아키텍쳐라고 할 수 있다. 프론트앤드를 구성하는 요소들 모듈, 함수, 컴포넌트 등의 생명주기는 얼마나 될까? 강의에서는 1년정도라고 생각한다고 한다. 대부분의 코드가 굉장히 오래 쓴다고 하더라도 프론트앤드..

앱을 만들기 위한 방식은 다양하게 존재합니다. 순수 네이티브 앱이 존재하느냐? 요즘의 앱 개발에서는 글쎄! 입니다. 예전부터 웹 기술을 사용한 하이브리드 앱이 많이 시도되었고, 현재에는 예전에 비해 이런 하이브리드 앱 개발이 성능도 많이 좋아졌습니다. 네이티브 앱 패키징을 보통 많이 사용하지만, 모든것을 네이티브로 개발하기는 힙듭니다. 그래서 웹뷰를 이용한 개발을 합니다. 그렇다면 웨뷰 개발을 할 때 어떤 부분들을 고려해야할까요? 웹뷰를 사용하는 방식은 3가지 정도로 분류됩니다. 네이티브 컨테이너 + 단일웹뷰 네이티브 앱을 컨테이너로 사용하고 웹앱을 올리는 경우가 있습니다. 이러한 경우 이미 모웹이 있는데 빠르게 앱에 적용하고 싶을 때 많이 사용이 됩니다. 하지만 안드로이드 심사에서는 문제가 많지 않지만..

프론트앤드 필수 역량은 무엇인가? 프론트 앤드 개발을 위한 지식, 역량, 더 나은 개발을 하기 위해 필수적으로 알아야 하는 지식들에는 세가지가 있다. 네트워크에 대한 이해도, 깊은 지식 프론트 개발자라면 네트워크에 대한 이해도가 있어야 어떤 자원들이 언제 어떻게 내려오고, 이를 파악하여 속도 개선을 생각해 볼 수도 있다. 어느 부분보다 네트워크는 제일 먼저 학습해야 하는 부분인 거 같다. 메모리 관련 기능들이 각각 무엇이고 무슨 영향을 미치는가 나를 포함하기도 하고 많은 프론트 앤드 개발자들이 이 부분에서 부족한 경우가 많다. 개발자 도구에서 메모리 관련 기능들을 보고, 메모리 관리를 해 어떤 것들이 프로그램에 무슨 영향을 끼치는지를 디버깅 할 수 있는 능력을 키워야 한다. 퍼포먼스 부분 퍼포먼스 부문은..

웹의 철학과 특징을 고려하자 시대의 흐름에 따라 웹의 흐름이 바뀐다 기술이 서비스 성공의 촉매 역할을 할 수도 있다. EX) 접근성, SEO, 위트 등 사회적 약자나, 검색엔진 관련 기술은 개발자가 잘 챙겨야한다. 모든 웹 컨텐츠는 공유될 수 있는 자원이라는 것을 고려하라 EX) 검색엔진 최적화, 오픈 그래프 최적화, 소스코드, SNS공유 외부 서비스 연동 정보를 관리하자 해당 서비스와 연동하기 위한 데이터들을 하드코딩으로 박아놓으면, 변경이 될 때 어디에서는 업데이트가 되지 않을 수도 있다. 초기부터 외부와 관련된 키들은 따로 관리하는 것이 중요하다. 신규서비스 UI/UX가 중요하다. 어설픈 UI/UX는 좋은 이미지를 만들 수 없고, 이탈을 시킬 가능성이 높다. 최소한의 퀄리티는 넘을 수 있는 UI/U..

기본 용어 트레젝션 : 토큰 정보나, 인출 정보, 풀 생성 등등 정보를 블록체인상에 저장한다. 블록 : 트렌젝션의 묶음 블록체인 : 연결된 블록들 노드 : 블록체인 정보보관, 전파하는 블록체인 서버 네트워크: 연결된 노드들 스마트 컨트렉트 : 블록체인 상에 올라가는(실행되는) 프로그램 > 개발자로는 단일 클래스가 될 수도 있고, 다른 클래스를 참조할 수도 있다. 클래스 내부의 메소드들을 실행시켜 연산을 하고 기록하고 업데이트를 한다. 가스: 연산에 따라 가격이 달라지는데, 덧셈, 뺄셈의 가스비, 곱셈의 가스비, 트렌젝션 실행의 가스비 등등의 가스비가 정해져있다. 트렌젝션을 생성하는 등의 복잡한 연산은 가스비가 더 높아지게된다. 해시: 데이터를 크든 작든 일정 범위의 숫자로 표현하는 값 개인키/공개키 및 ..

캐나다에서 있을 적에 구직활동을 하며 여러 테크 밋업에 했었다. 많은 개발자들이랑 스몰 토크부터 조언을 얻을 수도 있엇고, 같이 프로젝트도 했기에 좋은 추억으로 자리 잡았었는데, 한국에는 이런 밋업같은 문화가 활발하지 않아 너무 아쉬었었다. 한국에 돌아와서도 항상 Meetups! 앱에 들어가 벤쿠버 온라인 밋업이 있다면 참여해보려고 했지만 시간차가 커서 신청하고도 시청하지 못한 적이 많았다. 그러던 중 서울에 Code Seoul 이라는 그룹에서 밋업을 진행하는 걸 보게되었고, 설레는 마음으로 바로 참여신청을 해보았다. 선유도역에 있는 어느 건물의 11층에서 밋업이 있었고, WCode라는 곳은 외국인들을 상대로 한 Bootscamp를 하는 곳인 거 같았다. 혹시나 커리큘럼이나 수강생 모집하려고 개최했는지 ..

Linkedin에 남긴 글을 블로그에도 기록하기 위해 포스팅했습니다! 판도라티비에서 코박 서비스의 프론트앤드 개발자로 일하게된 지가 벌써 1년이 지났습니다. :) 회사에 설레는 마음으로 입사한 게 엊그제 같은데 시간이 이렇게 빨리 흘러간 걸 보니까 신기하네요. 좋은 팀원들과 좋은 리더를 만나 이렇게 만족하는 회사생활을 할 수 있었고, 그런 점에서 나는 복받은 사람이라고 생각합니다. 정말 감사합니다. 링크드인에 글을 남겨본 적이 없는데, 요새는 링크드인에 유용한 글을 남기시는 분들이 많아 자주 들어오게 되는 거 같습니다 :). 유용한 글은 아니지만 지난 1년간의 회고를 적어보고자 합니다. 내가 속해있는 코박팀. 코박은 50만 유저를 보유한 암호화폐 커뮤니티입니다. 서비스 내에서 토큰세일(cyrpto들을 상..

Webpack 이란? - webpack이란 모듈 번들러이다. - 웹사이트 상의 모든 리소스를 하나의 js 파일로 만들어준다. 왜 Webpack이 필요할까? (Webpack의 등장) 자바스크립트 코드가 많아지면 많아질수록 하나의 파일로 관리하는 것은 점점 힘들어지기 시작했습니다. 여러 파일로 나눠서 로딩할 수도 있겠지만 그러면 그만큼의 네트워크 비용문제가 생기고, 각 파일내에서의 스코프 침범이 일어나는 문제들이 생겼습니다. 함수 스코프를 나눠 모듈시스템으로 관리할 수 있습니다, 하지만 브라우저 내에서 모듈 시스템을 사용하려면 IIFE(즉시실행함수) 로 변경해줘야하고, 네트워크 비용을 축소하기 위해 하나의 파일로 묶어주는 방법이 필요합니다. 웹 네트워크 상에서는 하나의 리소스를 요청하고, 요청을 끊습니다. ..