전체 글 검색 결과
67 개의 검색 결과가 있습니다.
카테고리 없음

왜 웹사이트를 만들고싶으세요? (웹사이트의 본질/퍼널)

왜 웹사이트를 만들고 싶으세요?웹사이트의 본질을 아시나요? ​오늘은 웹사이트 제작을 해드리며얻게된 인사이트 2가지를 나눠보려고합니다.​​인사이트1. 웹사이트는 퍼널의 한 부분이고, 본질은 세일즈에요.'우리가 흔히 말하는 '퍼널 4단계' 중, 내가 만드는 사이트는 과연 어디에 해당할까요?' 결론부터 말하자면, 웹사이트는 '흥미'구간에서 사용자가 유입이 되는 지점이에요. 아래 퍼널 구조를 기준으로,각 단계를 정리 해보았습니다.1) 인지단계초기유입은 SNS플랫폼, 광고, 바이럴 콘텐츠 등이 담당해요. 이 단계에서는 브랜드나 서비스를 처음으로 접하게 되는 접점들이 중요합니다.​2) 흥미단계인지단계 이후, 사용자는 '진짜 괜찮은가?'라는 마음으로 사이트를 방문을해요. 그리고 사이트의 디자인, 카피, 구조, 첫 화..

2025. 9. 16. 10:14
프로젝트/[개인] 티끌모아태산

react-query란?

web frontend 애플리케이션은 서버와 데이터 통신을 하면서, 서버에 있는 데이터를 가져와서 보여주는 경우가 대부분일 것이다. 그때 네트워크에서 가져온 데이터를 상태 관리할 수 있게 도와주는 라이브러리 중 가장 많이 쓰여지고 있는 것이 바로 react-query이다. 최근에는 react-query가 tanstack query로 업데이트 됐는데 react가 아닌 vue, svelte, solid에서도 사용이 가능해졌기 때문에 react-query에서 tanstack query로 네이밍이 바뀌었다고 한다. react-query란? 서버로부터 데이터를 받아올때, **fetching, caching, synchronizing and updating server state 를 할 수 있는데 즉, 서버상태를 ..

2023. 1. 22. 22:05
프로젝트/[팀] 책 공동집필 프로젝트

개발자가 되기 위해 꼭 알아야 하는 IT 용어 출간

오랜만에 올리는 포스팅. 5월 2일부터 프론트엔드 개발자로 출근하면서, 정신없는 나날들을 보내왔다. 그 사이, 공동 저자로 참여한 '개발자가 되기 위해 꼭 알아야 하는 IT 용어'가 출간되었다. 그래서 오늘은 책 집필 당시 Why CORS, TDD, 디파이, 챗봇을 선택하여 집필했는지에 대해 적어보려고한다. 더불어 아래의 두개의 주제 또한 함께 공유해보고자 한다. 집필한 후, 코딩할 때 큰 변화가 있었나? 현재 협업에서 일할 때 책 집필이 도움이 될까? 1. CORS react를 공부하며 Backend와 Frontend에 대한 개념 생기기 시작하면서 CORS라는 오류를 알게 되었다. 당시에는 제대로 알지 못하고 넘어간 부분인데, 그래서 제대로 알아보고 싶어 선택한 용어였다. 2, TDD 개발을 시작하면서..

2022. 7. 2. 21:24
프로젝트/[개인] 티끌모아태산

[알고리즘] 아이슈타인 퍼즐

220322 처음으로 문제 풀어본 알고리즘 알고리즘을 쉽게 다가가기위해 '누워서 읽는 알고리즘' 라는 책을 읽기 시작했다. 그러다가 '어? 이거 재미있겠다 해서 풀어본 문제'이다. 책 저자 임백준님은 이미 엄청난 내공이 있으신 분이셔서 책의 제목이 '누워서 읽는 알고리즘'라고는 하지만, 나에게는 누워서는 읽지 못하고, 앉아서 읽어야 하는 정도의 어려움있는 내용도 많은 것 같다. 그래도 다른 알고리즘 책보다는 조금 더 쉽게, 부담없이 다가올 것 같은 느낌일 것 같아서 읽는중이다. 아래의 책의 내용을 인용하자면 이 문제를 만든 사람은 '상대성 이론'으로 유명한 아이슈타인이라고 알려져 있다고한다. 다만, 확인된 바는 없다고한다. 사물을 기억할 수 있는 두뇌의 메모리 용량이 특별하게 큰 사람이 아니라면 아마 종..

2022. 3. 22. 09:24
프로젝트/[개인] 티끌모아태산

[React] Redux란?

※ 오늘의 포스팅은 생활코딩 강의를 참고했다. Redux를 들어가기에 앞서, 불변성에 대해 공부해야되므로 서론이 많이 길다. 만약 불변성에 대한 이해가 완벽하다면, 바로 Redux로 건너뛰자. 이번 Redux를 제대로 알기위해서 생활코딩 Immutability를 먼저 듣고오자. 얼마전 리액트 프로젝트를 하나 해보고 리액트에서는 항상 객체를 복제를 사용하라고 하는데, 사실 들어도들어도 까먹게 됐었다. 그냥 아.. 코드를 이렇게 작성해야지 이런식으로만 흘러갔는데 이러한 논리를 단번에 이해시켜주는 강의였다. 먼저 Immutabilty는 mutabilty가변성의 반대인, '불변성'이라는 의미이다. 코드 작성할 때 원본을 오염시키지 않고, 복제본을 다루게되면, 원본과 복제본은 서로 독립된 상태이기 때문에 서로에게..

2022. 3. 21. 23:54
프로젝트/[개인] 티끌모아태산

[React 기초문법 ] 배열 랜더링하기

array 랜더링하기. ※잘 이해가 안가는 혹은 헷갈리는 react의 기초문법들만 정리하는 중. 객체 3개가 있는 users라는 배열이 있다. 이 배열을 이용할 것이다. 그리고 이 내용들을 랜더링 해줘야된다는 가정하에 해보겠다. const users = [ { id:1, username:'velopert', email:'public.thxjek@gmail.com' }, { id:2, username:'tester', email:'tester@example.com' }, { id:3, username:'liz', email:'liz@example.com' } ] 비효율적 방법1. import React from 'react'; function UserList(){ const users = [ { id:1,..

2022. 2. 23. 08:34