프론트엔드 6

문제 해결 - 하이픈(Hyphen) 삽입

문제 상황 1.받아오는 api에서 phoneNumber이 하이픈이 없는 상태에서 데이터를 받는다. ex) 01000000000 2. 사용자에게 보이는 input 값은 하이픈이 있는 상태로 보여야한다. ex) 010-0000-0000 3. 단, api를 보낼 때는 하이픈이 없어야한다. 해결 방법 간단하다. 사용자가 보는 ui에는 하이픈이 포함되게, 보내는 데이터는 하이픈 없이 전송하면 된다. 우선 받아오는 api에서 하이픈이 없는 것을 확인하고, 요렇게 하이픈 있는 상태로 렌더링 한 후, value에다가 넣어주면 된다..! 그러면 이렇게 하이픈을 잘 표시해서 렌더링 할 것이다 ! 어라 ? 그러면 value 값은 하이픈이 있는 상태인데, 보내는 데이터도 하이픈이 포함되어있는 거 아닌가 ?! 맞다, 이번에는 ..

실수,해결 2023.12.01

실수-Input placeholder object 출력

문제상황 input에 있는 placeholder에 svg를 넣고싶은데 svg를 넣으면 object로 렌더링되고 svg 이미지는 나오지 않는다.. 해결 당연하겠지만.... placeholder에는 text만 들어갈 수 있다 흠... 그러면 깔끔하게 placeholder에는 svg 넣는 거 포기. 대신 다른 방법을 갈구해보자 이런식으로 구성하거나, 이런 식으로 input 내부에 svg를 덮어씌우고, input에 padding값을 줘서 입력창을 svg옆으로 밀어내자 ! 결과 나는 왜 placeholder에 svg를 넣으려고 했을까 한 번도 안된다는 걸 의심조차 안 했기 때문 ! 이번에 확실히 알았으니 이런 실수는 다시는 하지 않기로 !

실수,해결 2023.11.26

패스트캠퍼스 프론트엔드 개발 5기 부트캠프_과정 종료 회고

나에게 이런 날이 올 줄은 꿈에도 몰랐다... 수료 완료 ! 기분이가 너무 좋다 ! 프로젝트하기 전에는 온라인 강의만 듣다 보니 이게 맞나 싶었지만 기초 뼈대가 탄탄해야 나중에 이해도 잘 가서 일단은 열심히 들었다 ! 프로젝트 시작하고 열심히 해서 결과가 눈에 보이니 뭔가 뿌듯하긴 하다..!! 힘든 시기가 있었는데 내 프론트엔드 친구가 포기하지만 말라고 말해줬던 게 도움이 많이 되었다. 프로젝트할 때 자신의 무지에 대한 부끄러움이 아직도 생각난다 . 으으으으으 하지만 이런 경험이 날 더 공부하게 만드는 계기가 되었고 힘을 낼 수 있었다 ! 그러니 꼭 꼭 무슨 일이 있어도 최선을 다 하자. 무슨 일을 하든 간에 나중에 후회라는 감정이 들지 않도록..!! 아무튼 1040시간.. 맞나 ? 아무든 1000시간이..

패스트캠퍼스 프론트엔드 개발 5기 부트캠프_그룹스터디 워크샵 & 멘토링 후기

저번에 그룹스터디 & 피어세션 후기 를 올렸었는데 올린지 벌써 2주나 흘러버렸다.... 2주 동안 게시글 하나 올린 나의 게으름에 채찍질을... 아무리 프로젝트로 바빴다고 해도 흠....... 더 열심히 하자 !! 무엇을 하든 나는 남들보다 조금 늦게 깨우치는 경향이 있다. 하지만 어느 순간을 지나면 가속도가 붙는 편인데 그때 까지의 과정이 너무 괴롭다 해도 해도 이해가 안 가고 포기하고 그런 마음이 자꾸만 나를 삼켜가는 그 기분이.. 누구나 다 처음 배우는 건 괴롭고 인내의 시간이겠지만ㅎ.. 그래도 어쩌겠는가 해야할 일은 인내하면서 해야한다. 이 세상에 쉬운 일은 없으니,, 나의 부족한 개발 실력을 더욱 높이기 위해서 우리 그룹은 우리 그룹만의 사이드 프로젝트, 코딩 테스트를 하기로 했다. 이렇게 서로..

패스트캠퍼스 프론트엔드 개발 5기 부트캠프_그룹스터디 & 피어세션 후기

저번에 OT 후기를 작성한지 약 한 달 정도의 시간이 지났다. 그 시간동안 바쁘게 과정을 진행하면서 개발 공부도 나름 열심히 한 것 같지만 아직 한참 모자라다. 오늘은 그룹 스터디와 피어 세션 후기를 작성해보도록 하겠다. 우선 여러 명이 모여 한 조를 이뤘다. 서로의 코딩 실력도 제각각이고 사람마다 성향도 다르지만 어찌저찌 해서 한 그룹이 완성되었다. 패스트캠퍼스에서 내준 과제를 진행하고 깃허브에 제출을 한다. 그리고 각 조원들은 서로의 코드를 리뷰한다. 사람은 각자 생각하는 게 다르기 때문에 똑같은 기능을 구현하는데 있어서 다른 코드를 작성할 수 있다. 그래서 이 과정이 매우 마음에 들었다. 내가 구현하지 못 했던 기능을 어떤 코드로 어떻게 구현했는지 배워갈 수 있는 과정이었고 나도 조원의 코드를 리뷰..

패스트캠퍼스 프론트엔드 개발 5기 부트캠프_OT 후기

나는 비전공자면서 프론트엔드 개발자를 꿈꾸는 사람이다. 나의 어릴적 꿈은 단지 프로그래머 그 이상 그 이하도 아니었다. 생각해보면 고등학교에서 동아리 지원을 할 때 컴퓨터 관련쪽에 지원했는데 그 때 떨어지고 나서 꿈을 접어놓았던 것 같다. "대학교 먼저 가서 생각하지" 라는 오만한 생각. 하지만 나는 대학교 진학도 하지 못 한 채 나이만 먹어가는 와중에 초등학교 부터 알고 지내던 친구를 만났고 프론트엔드가 되어서 현재 프론트엔드로 종사하고 있는 것을 알게되었다. "친구들은 직업도 가지고 열심히 살아가는데 나는 무엇을 하는 중이지 ?" "언제까지 이렇게 살 수는 없다" 라는 마음을 가지고 프론트엔드 친구에게 도움을 청했다. 친구는 한순간의 망설임도 없이 정말 고맙게도 나를 도와주겠다고, 자신이 알려주겠다고..