2024년 7월 15일부터 10월 14일까지 팀스파르타에서 웹 퍼블리셔로서의 인턴 생활이 마무리 되었다. 3개월 간 무엇을 했는지, 무엇을 배웠는지, 무엇이 부족했는지를 돌아보고 이를 바탕으로 앞으로의 방향성을 생각해보자. 3개월 간 무엇을 했는가내일배움캠프(이하 내배캠)팀에 합류하여 크게 두 가지의 업무를 진행했다. BAU와 Non-BAU로 나눌 수 있겠다. BAU: 내배캠 랜딩 페이지 디벨롭* 프론트, 백, 데이터, AI, UXUI 등 내배캠 트랙 각각의 랜딩 페이지의 부분 부분을 상황에 맞게 수정하고 디벨롭했다. * 할당 받은 태스크의 기획 문서를 보고 어떤 문제를 해결하기 위해, 혹은 무엇을 그로스하기 위해 랜딩 페이지의 디자인이 변경 되었는지 확인 후, 해당 작업을 디자이너 분께서 완료해주시면 ..

회고

3주 간의 프로젝트가 마무리되었다. The-Julge(더줄게)라는 프로젝트이고, 급하게 일손이 필요한 자리에 더 많은 시급을 제공하여 아르바이트생을 빠르게 구할 수 있는 서비스이다. 네 명의 프론트엔드 팀원들과 함께 열심히 3주를 불태워보았다.  GitHub - jisunipark/the-julge: 급하게 일손이 필요한 자리에 더 많은 시급을 제공하여 아르바이트생을급하게 일손이 필요한 자리에 더 많은 시급을 제공하여 아르바이트생을 빠르게 구할 수 있는 서비스 - jisunipark/the-julgegithub.com 프로젝트를 통해 배운 점몰입이번 프로젝트을 한 단어로 정리해야 한다면 "몰입"이라 하겠다. 프로젝트에 완전히 스스로가 파묻힌 것처럼 3주 간 내 세상은 온통 주황색 "더줄게"로 가득한 느낌..

바닐라 자바스크립트로 투두리스트를 만들어보고 있다.  GitHub - jisunipark/toodooContribute to jisunipark/toodoo development by creating an account on GitHub.github.com ES6 모듈을 사용하면서 script 태그에 type="module"을 사용하지 않아 발생한 에러를 해결했는데(이전 포스트 참고), 문제 하나가 해결되니 또 다른 에러가 생긴다😂  net::ERR_ABORTED 404 에러  콘솔 창에 net::ERR_ABORTED 404 (Not Found)라는 메시지가 뜨고 있다. 이 에러는 말 그대로 404 에러, 브라우저가 요청한 리소스 파일을 서버에서 찾을 수 없을 때 발생하는 에러다. 보통의 404 에러를..

바닐라 자바스크립트로 투두리스트를 만들어보고 있다.  GitHub - jisunipark/toodooContribute to jisunipark/toodoo development by creating an account on GitHub.github.com 자바스크립트 코드는 모두 index.js 파일 안에서 관리하고 있었는데 todo 아이템이나 todo 입력창 요소를 새로 생성해서 DOM에 추가하는 부분의 함수가 너무 길어져서 한 파일에서 관리하기엔 너무 복잡해질 것 같다는 생각이 들었다. 그래서 js 파일을 모듈화해서 관리하기로 했다. createElement.js라는 파일을 생성해서 해당하는 함수를 export 키워드를 붙여 옮겨두었고 index.js 파일에서는 옮긴 함수를 import 문을 통해 ..

바닐라 자바스크립트로 투두리스트를 만들어보고 있다. GitHub - jisunipark/toodooContribute to jisunipark/toodoo development by creating an account on GitHub.github.com  toLocaleDateString() 메서드 todo 아이템을 생성할 때 현재 날짜를 'yy/mm/dd'의 형식의 문자열로 저장하고 싶다. Date 객체가 제공하는 getDate()나 getMonth() 같은 메서드를 적절하게 이용해서 문자열로 변환한 후 사용할 수도 있겠지만, 뭔가 Date 객체가 제공하는 메서드들 중에 활용해 볼 수 있는 게 있지 않을까 싶어 찾아보니, toLocaleString() 메서드를 사용할 수 있었다. Date.protot..

바닐라 자바스크립트로 투두리스트를 만들어보고 있다. GitHub - jisunipark/toodooContribute to jisunipark/toodoo development by creating an account on GitHub.github.com crypto.randomUUID 메서드 새롭게 생성되는 todo 아이템 객체의 id 값으로 랜덤한 값을 넣어주고 싶다. 찾아보니 Web API에서 제공하는 Crypto 인터페이스의 crypto.randomUUID 메서드를 활용해 쉽게 UUID를 생성할 수 있다.const id = crypto.randomUUID();console.log(id); // "cbfc904b-b898-4deb-b736-ba433489904c" crypto.randomUUID 메..

💁🏻‍♀️ too long? click HERE🚨 문제 상황컴포넌트화 한 svg 아이콘을 상수화해서 객체의 프로퍼티 값으로 저장해 두었다. 여기까지는 해결을 했는데 이어지는 문제는 이 컴포넌트에 프롭을 어떻게 내려주어야 하는지.. 상수화를 위해 만든 객체 구조는 대략 이렇다. (전체 코드는 이전 포스트에)export const BOARDS: Boards = { dashboard: { boardName: '대시보드', icon: , link: '/main', },}구조분해 문법을 사용해서 해당 svg 아이콘을 가지고 있는 icon 프로퍼티의 값을 가져온다. 적절한 자리에 {icon}을 넣어 주긴 했는데..function BoardItem({ boardType, pathname }:..