profile
@FrontEnd

wecode 후기

2019년 성인이 되자 고등학교때부터 기대해오던 미국 유학의 꿈을 접고, 유럽에서 3개월간 떠돌며 항상 술만먹는 한량 생활을 하다가 한국으로 돌아온 나는 내적으로 많은걸 느꼇다. 이제뭐하지? 경영,철학,물리학,영상,외국어,대학교로맨스 등등 하고싶은건 너무 많았지만 막상 제대로 맘먹고 해본적은 없었던것같다. 그렇게 몇주간 고민만하다 개발자라는 직업에 대...

2020년 1월 17일
·
0개의 댓글

엑시 시트 통합하기

젤 리 하 이 하던거처럼 이거 복붙해서 하면된다 . 그러면 통합된 시트가 하나 새로 생긴다 출처: https://usefulinfos.tistory.com/141

2020년 1월 16일
·
0개의 댓글

(개인용) 맥북 새로받고 설치할것들

젤처음 chrome node.js slack kakaotalk iterm2 postman vscode icloud, googledrive 연동 터미널 homebrew zsh / omyzsh zsh 기본설정 git , tig yarn 터미널 vscode code 설정, powerlink10k 이후 추가예정

2020년 1월 3일
·
0개의 댓글

2019년의 웹개발 트렌드

from 노마드코더 유튜브 채널 1. JEST jest 는 자바스크립트, 리엑트를 위한 테스팅 라이브러리이다. 여러곳에서 언급하듯이 개발에서 테스트는 큰 중요도와 비중을 차지한다. 2. typescript 마이크로소프트에서 만든 타입스크립트는 vsc 에디터에서의 호환성도좋고, 많은 회사들이 사용하기시작했다. 예) Paypal, MS 3. GraphQL...

2019년 12월 15일
·
0개의 댓글

linked list

Linked List Linked list (연결 리스트)는 각 노드가 데이터와 포인터를 가지고 한 줄로 연결되어 있는 방식으로 데이터를 저장하는 자료 구조입니다. 노드(node): 데이터를 담고 있는 그릇. 주로 class로 구현되기 때문에 class라고 생각하도 상관 없습니다. 링크(link): 리스트의 순서를 유지할 수 있게 해주는 연결고리. Do...

2019년 12월 12일
·
0개의 댓글

javascript - async & await

async와 await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다. async & await 문법 함수의 앞에 async라는 예약어를 붙인다 그리고 비동기 처리 메소드 앞에 await를 붙인다. 메소드는 꼭 프로미...

2019년 11월 27일
·
0개의 댓글

javascript - promise

프로미스란? 프로미스 - 자바스크립트 비동기 처리에 사용되는 객체 프로미스, 콜백함수를 쓰지않고 일반적으로 함수들을 나열할시, 이전함수의 리턴이 없어도 다음함수가 실행되, 웹 API요청의 경우 오류가 생길수있다. 프로미스는 3개중 하나의 상태값을가진다 대기: 이행하거나 거부되지 않은 초기 상태. 이행: 연산이 성공적으로 완료됨. 거부: 연산이 실패함. ...

2019년 11월 27일
·
0개의 댓글

(Visual Basic Code) 엑셀에서 컬럼 데이터로 시트 구분후 각각시트를 따로 파일로 저장하기

엑셀에서 컬럼 데이터로 시트 구분후 각각시트를 따로 파일로 저장하기 엑셀파일에서 ALT + F11 을 눌러 Visual Basic for Applications 을 연다 프로젝트 윈도우( 왼쪽상단 ) 에서 마우스 오른쪽 클릭 후 삽입 -> 모듈을 선택해 module 1 을 생성한다 열린 module 1 윈도우에 위 코드를 붙어넣기한다, 만약 두번째 줄에...

2019년 11월 26일
·
0개의 댓글

slackbot 2편

https://api.slack.com/bot-users#app-mentions-response https://api.slack.com/bot-users 2. 이벤트 API 세팅하기 이벤트API는 봇의 눈과 귀 역할을한다. 어떤글이 올라오는지 , 채널에서 일이 일어났는지 등등 슬렉에서 일어난 활동들을 항상 보고 듣고있는다. 그러다가 특정 활동이 일어나면,...

2019년 11월 25일
·
0개의 댓글

slack bot 1편

https://api.slack.com/bot-users 슬랙 봇과 상호작용하기 봇(bot)이란? 봇은 슬랙에서 유저들과의 대화로 상호작용을 하는 슬랙 앱의 한 종류이다. 봇은 슬랙의 다른 앱들과 비슷하다, 다른 앱과 같은 API 권한을가지게되고, 마법같은일을 가능하게해준다. 슬랙 앱을 위한 봇을만들때, 개발자는 봇에게 얼굴,이름, 성격등을 부여해준...

2019년 11월 25일
·
0개의 댓글

ESlint / Prettier

자바스크립트 코딩을하다보면 문법실수, 맞춤법실수 같은 사소한 실수들 알아채지 못하는 경우가 많다. ESlint를 사용하면, 개발단계에서 이런 실수들이 현저하게 줄어들고, 협업하는 팀원들과 코드를 컨벤션에 맞게 통일시킬수있다. Prettier는 ESlint에서 설정된 룰에따라 자동으로 코드를 자리잡아준다. 내가 쓰고있는 vscode에서 ESlint를 사용...

2019년 11월 24일
·
0개의 댓글

git flow

git flow 는 git을 쓰는 프로세스이다. 자세히 말하자면 브랜칭 모델을 위한 고수준 저장소 작업을 제공하는 git 의 확장이다. 본인의 이전 프로젝트들에서는 브런치란 작업의 기준, 배포의 대상이되는 Master브런치, 실직적인 코딩을하고 검증을 통해 Master에 merge되기 위해 기능단위로 나뉘어지는 feature브런치가 있었다 하지만 git ...

2019년 11월 24일
·
0개의 댓글

[Array] (배열)이란

Array는 코딩언에에서 자주 사용되는 자료구조이다. 이는 단순하고 기초적이여서 대부분의 개발자들이 항상 사용한다고볼수있다. 많은 데이터구조중에 array의 특징으로는 1.순차적 2.삽입순저장 3.중복요소가능 등이있다 순차적 Array의 가장큰 특징인 순차적(ordered)는 말그대로 순차적으로 데이터가 저장된다는말이다. 그래서 서로연결된 데이터들을 저장...

2019년 11월 17일
·
0개의 댓글

wecode 1차 프로젝트 후기

wecode 1차 프로젝트인 winfor.gg프로젝트가 전체발표를 마지막으로 끝이났다. 3명의 프론트엔드 와 2명의 백앤드 팀으로 2주안에 웹서비스를 완성하는 프로젝트였다. 내가 속한 프론트팀은 기본적인 html/css/javascript 와 wecode에서 한달동안배운 react, 그리고 여러 잡다한 자바스크립트 라이브러리를 이용해 프로잭트를 진행했다....

2019년 11월 10일
·
0개의 댓글

(javascript) jQuery 없이 특정요소 스크롤바를 아래로 고정시키기

프로젝트 를 진행하던중 댓글 영역을 따로 div로 지정해둔뒤 height 값을 지정하자, overflow 시에 스크롤이 자동으로 내려가지않아, 이용자가 직접 스크롤을 내리지않으면 밑에있는 요소들이 보이지 않는 현상이발견되었다. 이를 해결하기위해서는 DOM을 활용해 스크롤바를 아래로 고정시키면된다. >페이지 전체의 스크롤을 이동시키고 싶다면 아래 함수를 ...

2019년 11월 10일
·
0개의 댓글

CSS - flex (flexible Box)

flex는 css의 display속성중 하나로, 본래 이나 float혹은 inline-block 과같은 속성으로 배치하기힘든 레이아웃 디스플레이를 수행하기 위해 고안된 css 속성이다. flex로는 일반적인 수평구성뿐만아니라 수직 구성에도 용이하다. flex는 container, item 이 두 개념으로 나뉜다. 이 두 요소에 적용하는 속성이 구분되어...

2019년 11월 3일
·
0개의 댓글

11/2 WECODE 중간후기

2019년 9월 30일, 오리엔테이션과함께 위코드 코딩 부트캠프가 시작되었다. 현재는 11월 2일, 약 한달이 지난 시점에서 중간후기를 써보려한다. Pre-Coures 처음 위코드에들어온뒤로 2주는 pre-course 로 웹 프론트엔드 개발의 기본이자 핵심이라 할수있는 html,css,javascript를 배웠다. 코딩, 컴퓨터 조차 익숙하지않았던 나에...

2019년 11월 3일
·
0개의 댓글