# 프론트엔드

17개의 포스트
post-thumbnail

개발일지#2

첫 페이지 구성 ..ㅎ부트스트랩으로 점보트론, nav 넣고,재료고르기 버튼 눌렀을때 nav 보여주도록 했음설정으로 배경 이미지 흐리게색조합: https://flatuicolors.com/ 참조카테고리화: 안하면 페이지가 너무 너무 길어지는데 막 링크 넣고 어쩌

3일 전
·
0개의 댓글

2/10 ~ 2/16개발일지 [원페이지 쇼핑몰]

프론트엔드와 백엔드를 통합하는 과정까지 배웠다. 처음에는 헷갈렸지만 코드 하나하나 이해하다보니 재밌었고, 신기했다. 더알아가고 싶은 생각도 많아졌다.나의 원페이지 쇼핑몰에다가 get과 post를 통해 내가 주문을 하면 mongodb에도 저장이되고, 바로 리스트로 보여줄

3일 전
·
0개의 댓글
post-thumbnail

코로나인포 개발기: 프론트엔드 편

오늘은 코로나인포의 총 접속자가 1천명을 넘은 기념으로, 프론트엔드를 개발할 때 어떠한 스택을 사용하였고, 왜 그 기술을 사용하게 되었는지에 대해 글을 작성해 볼까 합니다.

6일 전
·
1개의 댓글

델리 서경민 선배님과의 만남

지난 목요일(2020/02/06), 한국외대 컴전학부를 휴학하고 스타트업 델리의 CEO를 맡고 계시는 서경민 선배님을 만났다. 나를 포함한 리액트 스터디원분들과 함께 질의응답 시간과, 간단한 강의를 진행하는 시간을 가졌다.

2020년 2월 9일
·
2개의 댓글

웹에서의 프론트 서버 / 백엔드 서버 (개념) - 네트워크 study6

1. 서버? 서버(server) : 클라이언트에게 네트워크를 통해 서비스하는 컴퓨터를 의미한다. 말그대로 어떤 요청을 원하는 대상에게 요청에 대한 응답을 넘겨주는 모든 것들을 (serve + er) 서버라고 함. 그렇다면 웹에서는 서버는 어떻게 동작할까? 2. 웹에서의 서버 먼저 웹 환경에서는 브라우저가 클라이언트 역할을 한다. 주소에 어떤 도...

2020년 1월 28일
·
0개의 댓글
post-thumbnail

React : 자식에서 부모의 state 변경

리액트에서 부모컴포넌트에서 자식 컴포넌트로 props를 넘겨주는 것은 매우 쉽다. 하지만 반대로 자식에서 부모의 컴포넌트의 state를 변경해줘야 하는 일이 필요하다. 어떻게 하면 바꿀 수 있을까 ?? 바로 form 태그를 사용해서 바꿀 수 있다. 출처는 이곳이다. 이곳에 나와 있는 설명을 풀어보면 다음과 같다. 부모컴포넌트에서 자식 컴포넌트로 onS...

2020년 1월 12일
·
0개의 댓글

2019년 회고 (feat. 마케터 -> 프론트 개발자)

Imgur "기록하고 회고한다. 회고를 반영한다. 이것이 내가 자라는 방식이다." 3년 전부터 나를 이렇게 설명하곤 했다. 이제까지의 수많은 회고가 현재의 나를 지탱하고 있다. 회고는 성장의 큰 자양분이 되었다. 올해도 회고로 마무리한다. "공시생 → 디지털 마케터 → 드디어 프론트엔드 개발자" 2016년 11월, 6개월간 준비하던 ...

2020년 1월 2일
·
0개의 댓글
post-thumbnail

원티드 - 요즘 "프론트엔드 개발" 어떻게 하지? 참관 후기

12/4일 원티드에서 진행한 요즘 "프론트엔드 개발" 어떻게 하지?라는 행사에 참관했다. 이렇게 평일에 진행하는 행사에 참여해보는것은 진짜 드문 것 같다. 사무실이 마포 합정에 위치해서 강남으로 오는게 엄청난 고역이라 매번 재밌어 보이는 행사도 그냥 생략해왔었는데, 요새 평상시보다 그래도 조금은 더 여유로워서 다녀올 수 있게 되었다. 이번 행사는 원...

2019년 12월 7일
·
15개의 댓글

행복한 프론트엔드 개발을 위해 1분내로 목업 서버(mockup-server)를 만들어보자

MockUp Server main.gif Mockup Server란 MockUp Server는 프론트와 백엔드를 동시에 같이 개발이 진행할때 쓰면 큰효과를 볼 수 있습니다. 예를들어 자주 바뀌는 백엔드의 API와 데이터의 형태를 항상 무엇이 바꼇는지 모니터링(깃으로)을 할 수 있고 프론트엔드 개발자는 그것에 맞춰서 완성된 서버가 없더라도 최대한...

2019년 11월 26일
·
0개의 댓글
post-thumbnail

첫번째 포스팅,

여러가지 하고 싶은 이야기들이 있지만, 오늘부터 바닐라코딩 프랩코스를 시작하게 되었다. 고등학교 졸업후 일반사무직부터 시작해서 수많은 아르바이트 그리고 자영업까지 정말 많은 일들을 해왔고, 이제 코딩공부를 시작하려고 한다. 고졸, 비전공생등 걱정이 되는 부분도 없잖아있고, 헤쳐나갈 일들이 쉽지만은 않겠지만 '도전'할수 있다는 것만으로도 정말 매력적이지...

2019년 11월 15일
·
0개의 댓글

프론트엔드 개발시 유용한 툴, 링크

프로그래밍할 때 참고 레퍼런스 모음 사이트 DevDocs https://devdocs.io/css/margin-trim Chrome Extension web developer: 웹 유효성, 마크업 구조 등 체크 가능 whatfont: 어떤 폰트인지 확인 가능

2019년 8월 31일
·
1개의 댓글
post-thumbnail

주니어 개발자가 알아야 하는 최소한의 UX - 2 Loading 이 필요해

onClick 에 충분한 느림이 필요하다. 신입 개발자로서 첫 번째 프로젝트에 투입되어 고군분투할 때의 이야기다. 당시의 나는 입사 후 첫 로그인 기능을 구현 후 뿌듯함에 젖어있었다. 클라이언트 서버와 API서버는 서로 빠르게 통신하며 콘솔창에 '로그인 성공'이라는 텍스트를 출력하였다. 로그인 버튼을 누르기만 하면, 체감할 수 없는 빠른 속도로 Resp...

2019년 7월 14일
·
0개의 댓글
post-thumbnail

주니어 개발자가 알아야 하는 최소한의 UX - 1

내가 생각하는 주니어 개발자와 UX(User Experience) 이 포스팅을 쓰게 된 이유는 올봄, 같은 주니어 프론트엔드 개발자의 푸념으로 시작되었다. 학교를 졸업하고 멋지게 입사해서 드디어 개발자가 되었구나! 하는 순간, 단순하게 '마크업'만 하는 기계로 전락한 것 같다는 고민이었다. 그도 그럴 것이 내가 접한 대부분의 프로젝트에서 주도권은 기획자...

2019년 7월 14일
·
0개의 댓글

프론트앤드 공부해볼까? 웹디자이너 성장기 일기

워낙 네이버 블로그 유저로 오랜시간 보낸 터라 블로그 글쓰기는 역시 나의 또다른 취미이다. 이 공간은 프론트앤트 + UI UX 기획자를 꿈꾸며 공부하고 기록하려해본다. 2019년 1월부터 실전이 시작되다. 일반 인하우스 디자이너로 상품이나 그래픽 디자인을 하기도하고 웹도 전반적으로 디자인하였다. cafe24 고도몰과 같은 이미 있는 폼에 디자인을 입히...

2019년 6월 5일
·
0개의 댓글
post-thumbnail

프론트엔드 신입 개발자 지원 회고

며칠 전 그토록 원하던 회사의 합격 통보를 받고 준비하면서 느꼈던 것을 정리하고자 회고 글을 쓴다. 2018년과 2019년 취업 전까지의 활동을 회고하며 느낀 점을 정리하려 한다. 2학년 내가 다니고 있는 학교는 마이스터고라 3학년 2학기가 되면 전환학기가 돼서 취업을 나갈 수 있다. 그렇기에 3학년 1학기에는 지원을 하기에 바쁘기에 나는 2학년때 최대...

2019년 5월 29일
·
5개의 댓글
post-thumbnail

2개월 전 서랍에서 꺼낸 글 - 프론트 엔지니어가 되자.

해당 글은 2개월 전에 비공개 글로 작성하였던 글입니다. 사진은 퇴사 일에 대표님과 함께 먹은 점심이애오. 요즘 들어 구직 자리가 많이 없어 지치고, 게을러진 저의 모습을 보고 다시 전진하기 위해 서랍에서 꺼낸 글입니다. (괄호안은 새로 적은 글입니다 😃) 동기 11월 말. 나는 1년을 조금 넘게 다닌 회사를 퇴직하였다. 이유는 대학원에 가고 싶기도 하...

2019년 2월 24일
·
0개의 댓글