웹 개발
-
웹 개발을 맡긴 클라이언트와의 대화를 제대로 처음 해보고 느낀점그냥 생각들... 2023. 8. 12. 11:40
오 나에게도 외주라는 것이 들어왔다. 웹 개발자라는 타이틀을 달고, 그 타이틀에 부끄럽지 않기 위해서 나름 열심히, 꾸준하게 배우고 뭔가를 만들어가는 중이다. 너무나 감사하게도, 약 2달 전 즈음에 처음으로 나에게 일을 맡기는 연락이 와서, 얼떨결에 프리랜서로 웹 개발 프로젝트를 맡게 되었다. 개발자로서 아직 이렇다 할 큰 경력이 없는 나를 믿어주신 것에 감사하여, 열심히 디자인과 개발을 진행했다. 그저 형식적인 웹사이트를 만들어내는 사람이 되고 싶지는 않았다. 최대한 클라이언트와 나 둘 다 만족할 수 있는 디자인의 웹을 만들어서 세상에 내어놓고 싶었다. (더군다나 나는 지금 일에 대한 의욕이 굉장히 높은 상태이다.) 이러한 클라이언트와의 소통 과정에서는 일단 내가 이해하고 있는 상황과 클라이언트가 이해..
-
내가 만든 웹사이트는 왜 구글 검색에 잘 안뜨는 걸까? : Ep. 0Web 2023. 7. 22. 21:53
이 글을 쓰게 된 이유 죽이는 웹사이트를 만들어내는 웹 개발자라는 거창한 목표를 세운 뒤, 얼렁뚱땅 나의 첫 포트폴리오 웹사이트를 1년 전 즈음에 만들어서 어찌저찌 도메인도 사서 깃허브를 통해 배포하였다. 첫 배포 경험을 한 웹 개발자로서, 두근거리는 마음으로 구글에 나의 웹사이트를 검색해 보았다. 내 성씨는 철자가 꽤나 독특한지라, 구글에 검색하면 맨 위에 뜨겠지?하는 생각은 확고했다. 이럴 수가. 전혀 뜨지를 않는다. 한 스무페이지 가까이 지났을 즈음이었나, 구석탱이에 쪼그려있는 나의 웹사이트를 볼 수 있었고, 마음이 짠해졌다. 나는 정확하게 검색을 했는데도 불구하고, 뷔페 코너의 인기없는 메뉴 마냥 구석진 곳에 홀로 존재하는 웹사이트를 보고 이게 어찌 된 일인지 알아내야만 하겠다는 생각이 들었다. ..
-
[ P5.js / The Coding Train ] P5.js는 무엇인가?P5.js 2023. 7. 8. 12:08
이 시리즈는 Daniel Shiffman의 유투브 채널 The Coding Train의 P5.js 관련 영상 강의 시리즈를 들으면서 공부한 내용을 정리한 시리즈입니다. 이 곳에 적힌 모든 지식의 출처는 그의 채널 The Coding Train으로부터 나왔음을 알립니다. 국내에 계신 분들에게 Processing과 P5.js에 대해 더 널리 알리고자 이 시리즈를 진행하고 있습니다. The Coding Train을 이끌고 계신 Daniel Shiffman에게 큰 감사를 보냅니다. 💛 오늘의 영상은 요거다. https://www.youtube.com/watch?v=yPWkPOfnGsw&list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA&index=2 p5.js에 관한 전반적인 내용을 설명한다..
-
[ Next.js ] Pre-rendering 방식Web/Next.js 2023. 7. 7. 17:00
"긍까 굳이 왜 Next.js를 쓰는건데?" 이게 내가 next.js라는 걸 처음 들었을 때 들었던 궁금증이었다. 당시에 나는 이제 막 바닐라 자바스크립트로 웹사이트를 만들고 배포해보는 몇번의 경험을 지낸 후, 리액트를 조금씩 공부하면서 내 포트폴리오 웹사이트를 만들고 있는 중이었다. ('당시'라고 하지만, 이건 고작 몇주전의 일이다.) 물론 next.js를 이제 막 공부하는 시점이기 때문에, 모르는 것 투성이이고 배워야할 개념들이 아주 많다. next.js 뿐만이 아니라 그냥 난 웹 개발 자체에 아직 많이 무지하다. 여튼, next.js를 처음 듣고, '이건 리액트를 사용하여 Server-side Rendering (SSR)을 가능하게 해주는 프레임워크임!'라는 내용을 보긴 봤는데, 그래서 Server..
-
[ React.js / 에러 ] HTML video 엘레먼트 src 변경 시 렌더링 업데이트가 되지 않는 에러.Web/React.js 2023. 6. 30. 19:00
사실 에러라고 하기보다는 리액트의 렌더링에 대해 더 명확하게 알지 못해서 벌어진 나의 실수라고 하는 것이 더 정확하지만... 에러 상황 : 현재 리액트로 나의 작업물들을 모아둔 아카이빙 웹사이트를 개발하는 중이다. 내가 구현하고자 했던 기능은, 화면 왼편의 프로젝트 리스트 중 하나를 클릭하면, 화면 오른편에 해당하는 프로젝트의 정보를 보여주는 것인데, 이때, 프로젝트의 데이터에 비디오가 있다면 video 태그를 함께 return하여 보여주는 것이었다. 알고리즘을 구상하여 코딩을 진행했고, 잘 동작하는듯 했다. 하지만, 뜻밖의 문제를 직면했는데, 비디오가 없는 프로젝트를 클릭했다가, 다시 비디오가 포함된 프로젝트를 클릭하는 경우에는 제대로 비디오가 보여졌으나, 비디오가 포함된 다른 두 프로젝트를 연속으로 ..