일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- react
- js
- 실기
- 부스트캠프
- 네이버커넥트재단
- javascript
- 개발자
- python
- 정보처리기사
- vscode
- Git
- 자바스크립트
- 코딩테스트
- 삼각형
- 배포
- 코테
- Mac
- CSS
- 알고리즘
- Express
- 사이트
- 5기
- Django
- 백준
- 런타임에러
- Object
- node
- boostcamp
- array
- 지속가능한개발자
- Today
- Total
목록전체 글 (78)
개발 공부 기록
learngitbranching.js.org/?locale=ko Learn Git Branching An interactive Git visualization tool to educate and challenge! learngitbranching.js.org git branch와 명령어 사용이 낯설다면 위 링크에서 연습해보면 좋다.
기술 블로그 네이버 d2.naver.com/news tv.naver.com/naverd2 NAVER Engineering : 네이버TV tv.naver.com 라인 engineering.linecorp.com/ko/blog/ Blog - LINE ENGINEERING 안녕하세요. LINE Growth Technology UIT 팀의 Keishima(@pittanko_pta)입니다. 이번 글에서는 TypeScript의 enum을 사용하지 않는 편이 좋은 이유를 Tree-shaking 관점에서 소개하겠습니다. engineering.linecorp.com 우아한형제들 woowabros.github.io/ 우아한형제들 기술 블로그 이 블로그는 배달의민족, 배민라이더스, 배민상회 등 Food Tech를 선도하는 ..
상단바에 로그인 모달을 제작해서 클릭해서 모달에 올바른 정보를 입력하면 로그인이 되도록 설계하고 싶었다. res.send(``); 이를 위해 router의 코드를 아래와 같이 변경했다. res.send(``); history.go(-1)는 직전의 페이지로 돌아가는 것을 의미한다. 여기서 문제는 상단바의 모달 메뉴가 로그인을 했는데 로그아웃으로 바뀌지 않는다는 점이었다. 페이지를 다시 로딩할 필요가 있음을 알게 되었고 아래와 같이 수정해주었다. res.send(``); document.referrer는 직전의 주소를 알려준다. 직전의 주소로 페이지를 호출해주어 해결했다.
코딩 컨벤션이란? 코딩 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약(하나의 작성 표준)이다. 특히 다른 언어에 비해 유연한 문법구조를 가진 언어일수록 개발자 간 통일된 규약이 없다면 코드의 의도를 파악하거나 오류를 찾기 어려우며 유지보수 비용이 늘어난다. 코딩 컨벤션의 장점 1. 정해진 규칙이 있기 때문에 명칭이나 구조를 빠르고 정확하게 정할 수 있다. 2. 통일된 규약이 있기 때문에 모든 사람들이 코드를 이해하기 쉽고 편리하다. 3. 유지보수 비용을 줄일 수 있다. > 가독성이 좋다. 코딩 컨벤션의 자세한 예시
CSS에서 요소들을 자유롭게 위치시킬 수 있는 flex에 대해 알아보자. flex는 모바일 지원율이 매우 좋다는 장점이 있다. flex 사용방법 .container{ display: flex; } display: flex; 를 설정해준다. flex container 와 item 사용법 자세하게 알아보기 heropy.blog/2018/11/24/css-flexible-box/ 함께 보면 좋은 영상 tv.naver.com/v/5012344 Flexbox로 만들 수 있는 10가지 레이아웃 NAVER Engineering | 발표자: 이민영 (N Tech Service) 발표월: 2018.9. tv.naver.com 영상 자료 - 글 정리 d2.naver.com/helloworld/8540176 flex를 연습..
Gitflow Workflow에서 사용되는 브랜치 메인 브랜치 (항상 유지) master 배포(release) 이력을 관리하기 위해 사용. 즉, 배포 가능한 상태만을 관리한다. develop 다음 출시 버전을 개발하는 브랜치. 기능 개발을 위한 브랜치들을 병합하기 위해 사용. 즉, 모든 기능이 추가되고 버그가 수정되어 배포 가능한 안정적인 상태라면 develop 브랜치를 ‘master’ 브랜치에 병합(merge)한다. 보조 브랜치 (일정 기간 동안만 유지) feature 기능을 개발하는 브랜치. feature 브랜치는 새로운 기능 개발 및 버그 수정이 필요할 때마다 ‘develop’ 브랜치로부터 분기한다. feature 브랜치에서의 작업은 기본적으로 공유할 필요가 없기 때문에, 자신의 로컬 저장소에서 관..
공통점 use와 all 모두 http request(get, post, put, delete)가 들어오면 처리한다. 차이점 app.use('/hello', function(req,res) =>{}); use method는 첫번째 인자로 들어오는 것을 시작 경로로 삼아 매칭한다. 즉, /hello /hello/world /hello/world/node 등의 hello로 시작하는 모든 경로에 대하여 routing이 진행된다는 의미다. 그러나 all은 request의 경로가 정확히 /hello 로 매칭될 때만 호출된다. 그 외의 경우는 매칭되지 않는다. app.all('/hello', function(req, res) =>{}); 참고
응답 메서드 종류 send 버퍼 데이터나 문자열 전송 HTML 코드 전송 JSON 데이터 전송 sendFile 파일을 응답으로 보내주는 메서드 json JSON 데이터를 보내줌 객체나 배열을 전송할 때 redirect 응답을 다른 라우터로 보냄 사용예시: 로그인 완료 후 다시 메인으로 돌아갈 때 render 뷰를 생성하고 HTML 응답을 전송 status 상태 코드를 결정 ... 등 하나의 요청에 대한 응답은 한 번만 보내야 하며 여러번 보낼 경우 에러가 발생한다. 참고 backback.tistory.com/341 uxicode.tistory.com/entry/%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4-%EC%9A%94%EC%B2%AD-%EC%9D%91%EB%8B%..