# 프론트엔드

24개의 포스트
post-thumbnail

JavaScript 자료구조 - Array(배열)

효율적인 접근 및 수정을 가능케 하는 자료의 조직, 관리, 저장을 의미한다. 더 정확히 말해, 자료 구조는 데이터 값의 모임, 또 데이터 간의 관계, 그리고 데이터에 적용할 수 있는 함수나 명령을 의미한다.https://ko.wikipedia.org/wiki/

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

Frontend 코딩테스트 얄팍하게 준비하기

JavaScript 로 구현하는 자료구조ES6 사용하기Functionthis 키워드 다루기Scope, ClosuresCallback, Promise 다루기Error 처리하기Prototype or Class 사용하기Web APIs 사용하기Regular Expression

5일 전
·
2개의 댓글
post-thumbnail

[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 8주차 - 백엔드는 끝났다. 프론트 작업 시작!

<프론트 완성본>로고, 검색부분, 오늘의 추천레시피 위치사용자는 보통 위에서 아래로 왼쪽에서부터 오른쪽으로 컨텐츠를 읽는다. 따라서 왼쪽부분은 사용자가 사이트로 방문하자마자 가장 먼저 사용하게 될 확률이 높은 곳이다.로고로 사이트 아이덴티티를 나타내고, 검색부분을

2020년 3월 14일
·
0개의 댓글
post-thumbnail

1차 프로젝트 후기

1차 프로젝트에서 나는 myfaketrip 팀에 소속되었다.myrealtrip의 clone을 하는 프로젝트였다.

2020년 3월 8일
·
0개의 댓글

Day 0

예술계 전공자로써, 컴퓨터에 대해 문외한으로써 너무나 깊은 바다이지만 나는 그 깊은 심해를 헤엄쳐보기로 결심했다.그래서 처음부터 배우는 공부 일기를 작성해볼까 한다.그래서 이제 공연이 안정기에 접어들고 나에게 쏟을 시간이 조금 여유로워졌기 때문에 다시 처음부터 공부해보

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

개발일지#2

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

2020년 2월 17일
·
0개의 댓글

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

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

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

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

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

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

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

지난 목요일(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개의 댓글