일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 구글애널리틱스4
- GA4
- 피그마
- 그로스해커
- 개발자인터뷰
- 개발자
- 데이터너겟
- UTM
- 구글애즈
- 인터뷰
- 그로스마케터
- LABBIT
- 개발일지
- 데이터분석
- UX
- 프론트엔드개발자
- growthhacking
- 디자이너
- figma
- 구글애널리틱스
- 마케팅
- 개발스터디
- 프론트엔드
- 그로스해킹
- 개발공부
- 컴포넌트
- JavaScript
- Weirdsector
- Datanugget
- 위어드섹터
- Today
- Total
목록프론트엔드 (11)
위어드섹터 공식 블로그
진행 중인 프로젝트에서 펼쳐보기 버튼을 누르면 상세보기가 되고 생략 버튼을 누르면 생략이 되는 버튼을 컴포넌트가 추가될 때 자동으로 생성되는 것을 목표로 구현해보았습니다. 처음 시도에서는 컴포넌트를 보여주는 것을 관리하는 state를 각각 만들어서 독립적으로 관리하려고 했습니다. 하지만 그렇게 되면, 추가 버튼을 눌러서 컴포넌트를 새로 만들면 새롭게 변수를 만들어야 하는데, 변수를 자동 생성하는 게 쉽지 않았고 변수가 많아짐에 따라 코드의 가독성이 저하되고 유지 보수하는데 어려움이 있는 문제가 발생하였습니다. 이후, 컴포넌트를 보여주는 Boolean 값들을 가지는 배열을 state로 만들었습니다. 그렇게 함으로써 새롭게 컴포넌트를 만들 때, 배열에 값을 push를 해서 관리하기 용이하도록 하였습니다. 이..
안녕하세요. 위어드섹터 하영매니저 입니다. (o゚v゚)ノ 위어드섹터에 아주 좋은 소식이 생겼습니다. 바로 새로운 멤버들이 들어오게 되었어요!! 짝짝짝!! 오늘은 그분들을 소개해드리려고 합니다 :) 먼저 첫 번째 새로운 멤버는 위어드섹터의 비쥬얼담당 최명준 매니저님 입니다. Q1 안녕하세요 최명준 매니저님, 간단한 소개 부탁드릴게요 : D A1 안녕하세요 위어드섹터 개발팀에서 근무하고 있는 최명준 입니다. 삐삐 머리 전문가, 세월을 피하고 싶어도 피하지 못하는 소년 등등 주요 타이틀을 보유하고 있습니다! Q2 위어드섹터를 합류하시게 된 계기가 있을까요? A2 고등학교 졸업 후 대학이 아닌 취업을 선택했고, 현장에서 직장 생활해 왔기에 개발 업종과 다른 길을 걸어온 비전공자입니다. 오랜 세월 직장 생활하다 ..
AJax(JQuery api)를 서버와 통신할 때 사용해보긴 했지만, 그 원리 및 통신의 과정을 몰랐습니다. 그래서 이 부분을 더 공부해보려고 AJax를 Vanilla JS로 구현해보았습니다. MDN 문서로 ajax와 관련된 문서를 찾아보니 아래의 과정을 거치는 것을 알게 되었습니다. 첫째로, XMLHttpRequest 라는 web api를 이용하여 통신의 위한 객체를 만듭니다. 둘째로, 클라이언트에서 아래의 a,b,c를 고려하여 서버에 요청을 보냅니다. a. 어떤 서버(도메인)와 연결하는가?, b. 어떤 http method를 이용하는가? (ex. GET, POST etc) c. 브라우저에서 서버에서 받을 문서를 해석할 준비를 할 수 있게끔 어떤 문서의 타입을 요구하는가? 출처: https://deve..
JavaScript 언어를 이용한 개발을 진행하다 보면 변수를 선언해 로직을 만들어 나아가야 하는 데 변수를 선언하는 방법으로 JavaScript 예약어의 키워드를 사용해 구성해야 합니다. 저 또한 키워드를 선택이 아닌 필수로 사용하지만 정확한 의미를 모르는 채 사용하고 있어서 검색을 통해 정확한 의미를 배우고자 기록하게 되었습니다. 그동안 변수를 선언하기 위해 var 키워드를 사용해 선언 했지만 많은 문제점이 발생했었습니다. 협업을 통한 개발을 하다 보면 여러 명이 작성한 코드를 토대로 개발을 진행하게 되는데 특정 오류가 발생이 되면 코드 전체를 확인해야 하거나 해당 영역을 작성한 개발자에게 물어봐야 하는 상황이 생기게 되었습니다. 오늘 게시물은 키워드의 종류와 차이를 공부하고자 하며 아래의 예시를 통..