profile
그로스엔지니어로 일하고있는 2년차 직장인(?)입니다. 개발자65,PM30,마케터5정도라서 뭐라고 소개를 해야할지 모르겠어요~.~ 책읽는거 겁나 좋아하구요. 괜찮은 서비스 만들고싶습니다. 잘 부탁드려요!!

css로 말풍선 만들기

출처: https://gaemi606.tistory.com/63https://cssarrowplease.com/

2021년 1월 31일
·
0개의 댓글
post-thumbnail

슬라이더 아래 스크롤바 레이아웃 잡기

이런 스크롤바의 width 값 조절할때는 전체 width:80%로 크기를 줄이고 left로 가운데 정렬을 시켜버리는 방법이 좋아보인다. 왜냐하면 스크롤바의 크기를 조절해야하므로 width값을 %로 조절해야하기 때문이다. .swiper-container-horizonta

2021년 1월 29일
·
0개의 댓글

조금 더 아름다운 사이트를 효율적으로 만들기위한 노력들

모든게 margin, padding 으로 해결됬으면 좋겠지만서로 다른 박스모델로 구성된 태그들이(ex 로고와 타이포) flex로 묶여있을때는 박스모델을 생각하게된다. 1,2px를 올리기위해 태그를 만들고 span태그에 class를 부여해서 margin,padding으로

2021년 1월 28일
·
0개의 댓글
post-thumbnail

유지보수할때 position으로 레이아웃 잡기

유지보수할때 maring, padding 으로 기존에 적용된 css위에 덮어쓰기전에 position:relative; left:0%; 과 같은걸 먼저해보는게 좋다. 기존에 적용된 margin,padding들을 0으로 주면서 position 속성을 사용하는건 덮어쓴다는느

2021년 1월 28일
·
0개의 댓글
post-thumbnail

CSS 해결하지 못한 문제들 (아시는분 알려주세요....)

어떤 텍스트는 font-weight 를 줘도 먹지를 않는다. 예상원인: 웹폰트가져올때 제한된 font-weight만 가져온걸까? !important처리가 되어있나..?

2021년 1월 28일
·
0개의 댓글

QA시 디바이스별 크기 디버깅하기

QA할때 크롬만 보기보단 사파리를 함께보는것이 좋다. 아이폰이 사파리 반응형으로 보는것과 일치한다. 디바이스별 크기는 사파리 디버깅 응답형디자인모드 를 통해서 편하게 확인할 수 있다.

2021년 1월 27일
·
0개의 댓글

현업 프론트앤드개발자 1년하면 배울수있는것들

공통Git flow 회원가입과 로그인 로직을 구현 ( private, public api 를 구분하여 처리, 유저의 credenital 정보를 처리 ) 배포환경 dev stage live , 환경에 따라 다른 api 로 처리 스타일 반응형 적응형에 따라 처리 리액트us

2021년 1월 27일
·
0개의 댓글

local 3000 process kill

실수로 로컬에서 돌고있는거 안끄고 작업할때 3000쓰고 있으니 3001,8080같은거 쓸래? 라고 물어볼때 process kill하는법 https://stackoverflow.com/questions/3855127/find-and-kill-process-loc

2021년 1월 26일
·
0개의 댓글

이미지 배너 반응형 대응하기

img 태그안에 src 넣지말고 css 속성으로 backgroud-src 로 넣어주고 background-position : center center 와 같은식으로 보여주고 싶은 위치를 지정해준다.

2021년 1월 25일
·
0개의 댓글

카페24 삽질을 해봐야 알수 있는점들

만만할줄알았던 카페24 깎으면 깎을수록 시간이 더 오래걸린다. 카페24는 개발자가 뛰어들기 약간 뭐한 그들만의 리그같은곳이다. 그들만의 리그에서 리뉴얼을 해낸 내 자신을 칭찬한다. 8ㅅ8 시안과 비슷한 스킨은 구매하자. 리뷰같은것도 잘되어있는 크레마리뷰, 알파리뷰

2021년 1월 21일
·
0개의 댓글

도메인 끝에 /를 붙이는 이유

사이트 유입을 보면 뒤에 a.com/brand 또는 a.com/brand/ 둘다 사용하는경우 유입에서 다른 키워드로 잡아서 미관상 예쁘지않은데, 페이스북에서 광고 랜딩 url 작성할때 끝에 /를 붙이지 않으면 오류가 나는 경우를 목격했다. /는 왜 붙이는걸까? 출처링크

2021년 1월 19일
·
0개의 댓글

쇼핑몰을 리뉴얼 하며 배운 css 스킬 몇가지

목차 position : static, relative, absolute, fixed ,sticky 1\. static : 디폴트 세팅2\. relative : 기본 구조에서 상,하,좌,우 변경을 주고싶을때 사용 3\. absolute : position:static이

2021년 1월 18일
·
0개의 댓글

프로그래머스 - 탑

send의 원래 순서를 찾을때 원래 배열을 copy해두고 copy한 배열에서 send의 위치를 findIndex로 찾는방식으로 구현하려고 했다. send의 값이 배열에서 여러번 있는경우 문제가 되어, send가 현재 배열에서 몇번째 위치인지를 ( 즉 while문 안에서

2020년 5월 18일
·
0개의 댓글

차트 로직 리팩토링하기

1. 들어가며 최근에 마음이 급해서 우선 돌아가는 코드를 짜려다 보니 최소한의 설계도, 코드품질도 없이 급급하게 코드를 짜곤 했는데요. 주말을 맞이하여 리팩토링을 해보았습니다. 데이터 시각화를 위한 차트의 경우에는 특정 조건별 데이터를 뽑아내야 합니다. ex (a)특정기간별 매출 (b)상품종류별 매출 (c)신고종류별 횟수 오늘은 특정기간, 상품종류에 ...

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

Moment js를 처음 사용할때 좋은 함수들

1. 들어가며 Moment js는 시간이 포함된 데이터를 받아 조작해야 할 경우 사용하기 좋은 라이브러리입니다. 저의 경우 차트를 그릴 때 서버에서 한 시간 마다의 판매량, 매출과 같은 시간별 정보를 넘겨주었는데요. 날짜별 데이터를 뽑고 싶다. 특정 기간 동안의 데이터를 뽑고 싶다. 와 같은 니즈가 있었습니다. 자바스크립트에는 기본적으로 Date ...

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

더 나은 면접을 고민하며

프로그라피의 5기 리크루팅이 끝났다. 올해 3월부터 7월까지 진행되었던 프로그라피 4기에 멘티로 지원했던 나는, 이번 5기에서는 운영진으로 함께하게 되었다. 그 이유를 3가지로 정리해보자면 첫 번째로 재미있어서, 두 번째론 내가 4기 활동을 하며 겪었던 시행착오를 다음 5기 멘티들에게 공유하고 싶어서, 세 번째로 단체가 돌아가는 것을 경험해보고 싶어서...

2019년 9월 8일
·
0개의 댓글

학생개발자의 사이드프로젝트 개발기 2편 : 프로토타입

1차 마일스톤(5.4)을 준비하며 1차 마일스톤까지는 그동안 진행한 결과물을 발표하는 것이었다. 1. 제휴 카페 찾기 - round1 주제를 선정한 다음날 유사업체와 제휴하고 있는 관악구의 한 카페에서 서비스를 직접 사용해서 주문을 해보았고 이 업체와 계약한 카페 관계자와 인터뷰를 해보며 우리가 다이브 해도 괜찮겠다는 확신을 얻었다. 이때까지는 회의록...

2019년 7월 19일
·
7개의 댓글

학생개발자의 사이드프로젝트 개발기 1편 : 주제선정

1. 들어가며 올해 3월부터 프로그라피라는 개발 동아리를 하고 있다. 프로그라피는 개발자들이 직접 서비스를 기획하고 배포하는 프로젝트를 진행하는 동아리이다. 우리 팀은 현재 고려대학교 이공대 캠퍼스에 입점해있는 커피 스퀘어라는 곳과 제휴를 맺어 원격으로 커피를 주문하고 픽업할 수 있는 서비스(커피리모콘)을 개발하고 있다. 처음 프로젝트를 하는 학생 ...

2019년 7월 19일
·
0개의 댓글

0년차 개발자의 상반기 회고

글또 3기 OT를 다녀왔다. 코딩을 하다가 마침 오늘이 글또 OT날이어서 오랜만에 밖으로 나갔다. OT는 잠실역의 배달의 민족 작은집에서 했는데, 배민회사에 방문해 본 게 처음이라 그냥 모든 게 좋아 보였다. 페이스북에서만 보던 성윤 님을 실제로 본 것도 신기했고 OT 용 PPT가 생각보다 엄청 빡빡하게 적혀있었는데 좋은 내용들이어서 인상 깊었다. 이 ...

2019년 7월 2일
·
9개의 댓글

0528-TIL

1. CSS 레이아웃 관련 속성 box-model inline , inline-block , block float position 1.1 box-model 박스 모델은 요소(element)를 표현하기 위한 규칙으로 요소를 박스로 표현하고 이 박스는 4개의 박스(content, padding, border, margin)로 구성되어 있다. 1.2 blo...

2019년 5월 28일
·
0개의 댓글