profile
Front End Engineer SMG
post-thumbnail

Next.js에서 Styled-components사용할 때 그리고 GlobalStyle의 함정 (feat.Flickering&Font)

styled-components는 쓰면 쓸수록 진국이다.재밌고 편리하고 재활용 가능한 기능들도 꽤나 있고, 까도까도 재밌는 것만 나오는 양파같은 스탈컴포넌ㅌ.물론 css-in-js중 에서 점유율이 조금씩 떨어지고 있지만..회사에서 Next.js 를 사용하기로 결정이 된

2020년 8월 24일
·
1개의 댓글

프로미스 (Promise) 객체 와 async await

비동기 프로그래밍과 프로미스 객체의 관계 그리고 async await

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

20.08.04 기업시작 약 10일 차

현재 Next.js를 이용하는 중이다.React랑 어느정도 비슷해서 생각보다 어렵지않게 시작할 수 있어서 나름 잘 진행 되고 있다.판매신청 페이지를 완료했고 어제부터 회원가입, 로그인 페이지를 시작했다.Next.js를 하면서 함께 써보고 싶은 기술 스택들은 분명히 있다

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

20.07.24 쿠돈 기업협업 시작 및 해야할 것

MPA와 SPA 중 SEO에 더 최적화된 모바일 웹 사이트 요구됨 궁극적으로 SPA로 전환할 생각이라 초기단계인 지금부터 SPA로 제작하기로 결정SEO에 포커스를 맞춰서 SSR방식으로 제작하기 위해 Next.js 사용.Zeplin에 디자이너님이 올려주신 시안을 통해 컴

2020년 7월 25일
·
0개의 댓글

20.07.09

오늘도 어김없이 10일이 되어가는 새벽.직방클론 프로젝트에서 카카오맵 api를 통한 지도구현을 하는중인데, 이것 때문에 잠이 안온다.얼른 백엔드와 통신하면서 센터값을 주면 그 데이터를 받고 렌더해주는 것을 해보고싶은데, 다른팀들보다 헬이신거같아 아직까진 우리 백엔드분들

2020년 7월 9일
·
0개의 댓글

20.07.08 2차 프로젝트 3일차

2차프로젝트가 월요일에 시작했고 프로젝트주제는 "직방" 클론이다.오늘부로 2차프로젝트 3일차가 되었고 자정이 넘은 지금부터는 4일차 시작이다.1차프로젝트와 동일하게 kakao map API를 사용해서 리액트에서 사용할 수 있도록 만들어 나가려고한다.1차때는 마구잡이로

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

20.07.21

트로스트 사이트를 클론하면서.트로스트의 메인 페이지와 지도가 있는 페이지를 맡게 되었는데메인은 처음구현해보는 애미메이션들이 있고 함수를 짜는데도 힘들었지만 그나마 할만한 범주안에 드는 듯 했으나,...카카오 지도 API를 불러와서 지도를 구현해내는것은 정말 아무것도 모

2020년 7월 1일
·
4개의 댓글
post-thumbnail

위코드 첫달 회고록

위코드에 들어온지 어느덧 4주가 되었다. 총 3개월중에 벌써 1/3을 지나는 시점이 왔다.정말 많은 생각이 드는 것같다.2020년 4월 10일 스터디를 시작으로 본격적으로 처음 '개발' 이라는 것을 해보았다. 기회가 되어서 스터디안에서 제일 어린나이이지만 팀장을 맡게되

2020년 6월 20일
·
3개의 댓글
post-thumbnail

SMG TIL #7 - ReactJS에서 fetch()함수를 이용한 API호출 (feat.componentDidMount)

벨로그에서 처음 API에 대한 언급을 했는데,여기서 API란 무엇일까 ?API : 응용 프로그램에서 사용할 수 있도록, 운영 체제 혹은 프로그래밍 언어에게 제공하는 인터페이스(규격)을 의미짧게 결과적만 말하자면 API를 통해 데이터를 제공 받을 수 있다.어제 과제를 설

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

SMG TIL #6 React.JS 때려잡기 시작

평소 라이브러리에 대해 여러가지 생각을 가졌다.그 중 큰 하나는 Vanilla JS를 높은 수준까지 도달하지 않고서는 리액트를 시작하지 않으리라하는 작은 나의 고집이 있었다.하지만 최근 React.JS의 의미와 또 개발자가 순수 JS로 인해 가질 수 있는 좌절감을 공감

2020년 6월 11일
·
0개의 댓글
post-thumbnail

SMG TIL #5 Data Structure (자료 구조)

데이터에 편리하게 접근, 조작하기 위한 데이터 저장 및 조직 방법이다.모든 데이터에 완벽하게 부합하는 자료구조는 없으므로 각 종류의 장단점을 잘 이해해서 사용해야 한다.무엇보다 각 자료구조의 본질과 컨셉을 이해하고 상황에 맞는 자료구조를 선택하는 것이 중요하다.우리가

2020년 6월 8일
·
0개의 댓글
post-thumbnail

SMG TIL #4 GIT과 GitHub에 대하여

GIT이란 소스코드를 효율적으로 관리하기 위해 사용 하는 버전 관리 시스템이다.(VCS : Version Control System) 개발자들이 협업하거나 파일들을 유지/보수 할때, 특히 코드를 수정했지만 수정하기 전으로 되돌려야 할 때 등등.. 버전별 소스코드를 저장

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

SMG TIL #3 JavaScript 객체 최종 정리✓ (미완성 ,, 계속 업데이트!)

최근 javascript로 코드를 작성할 때 또는 공부할 때 점점 객체의 중요성에 대해 인지하고 싶지 않아도 인지하게 된다. 그래서 이왕 객체를 공부하는거 완벽하게 정리해보고자 한다. 🗂 객체 (object) 1. 객체? Javascript는 객체기반 스크립트

2020년 5월 31일
·
0개의 댓글

세션 #1 - 웹의 역사와 개발 직군 및 구조

웹(Web)에 대해 말하기 전에 인터넷에대해 먼저 간단하게 알아보자.인터넷은 1950년대에 컴퓨터의 개발과 더불어 힘있게 성장해왔다.그때 당시에는 군사목적으로 사용이 되었지만 계속해서 발전해오면서TCP/IP 기반의 네트워크가 되었고 이름그대로 상호간의 그물(네트워크)가

2020년 5월 27일
·
0개의 댓글
post-thumbnail

SMG TIL #2 javascript Array에 관하여

배열들을 정의하는 방법이다.const arr1 = new Array(); new Array(4); 이렇게 하나의 숫자를 넣으면 매개변수가 length를 의미해서length가 4인 비어있는 배열이 된다.new Array('사과', '바나나');복수로 되어있다면 매개변수

2020년 5월 26일
·
0개의 댓글
post-thumbnail

SMG TIL #1 레이아웃에 관하여

position은 속성값을 준 요소의 위치에 해당한다.기본값은 static 이며, 용도에 따라 속성값을 주고 위치를 배치할 수 있다.relative: 말그대로 상대적인 위치를 지정해주고, 기준은 부모요소가 된다. relative 값을 준다고 바뀌지 않고, 위치를 변경할

2020년 5월 25일
·
0개의 댓글
post-thumbnail

WeStudy TIL # 14 - flex display (Netflix 클론[2])

넷플릭스의 상단 로고와 로그인이 있는 바를 만들기위해 float나 여러가지 방법이 있겠지만요새는 가장 주로 사용하는 flex를 써서 쉽고 유연하게 배치해보았다.flex에서 중요한것은 flex container 안에 flex item 이 들어있다는 것이다.containe

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

WeStudy TIL # 13 - JavaScript querySelector 간단 사용 (Netflix 클론[1])

넷플릭스 클론을 시작했다. html의 구성은 어느정도 되어 있고, css와 JS만 남았다.로또 만들기에도 사용했었던 querySelector 와 addEventListener 를넷플릭스 clone에서 간단하게 사용해 보았다.이렇게 쭉 내용을 적은 상태에서버튼을 클릭하

2020년 5월 11일
·
0개의 댓글

WeStudy TIL #12 - JavaScript 함수에 대하여

primitive parameters: passed by value 값 전달object parameters: passed by reference 레퍼런스 전달from 뒤에 = 'unknown' 이런식으로 해놓으면 값이 없을때 'unknown'값을 준다.★밖에서는 안이

2020년 5월 6일
·
0개의 댓글

WeStudy TIL #11 - JavaScript 연산 & 반복문

HTML&CSS로 웹페이지 만들때 가장 힘들었던 것, JS로 게임을 만들었을때 가장 힘들었던 것 BEST --> 개념!!아직 부족하지만 조금씩 코드를 짜볼때 찾아보면서 풀어가는 재미도 있지만,그 코드의 양이 많아지거나 표현식이 조금이라도 복잡해지면 내가 뭘 궁금해하는지

2020년 5월 5일
·
0개의 댓글