Doo can do it

코드를 작성하다가 오랜만에 JS 배열 메서드중 하나인 Slice() 메서드를 사용해봤다. 이 메서드를 사용하는 목적은 특정 부분을 잘라서 새로운 배열 형태로 나타나기 위함인데, Slice 메서드에는 두 매개변수가 필요하다. 1. 시작 Index 2. 종료 Index 우선 예제를 통해 간단하게 설명해보겠다. array 라는 변수를 만들어서 배열형태로 만들어 보았는데 slice 메서드를 통해 파라미터(1,3) 을 주었다. 배열의 인덱스는 0부터 시작하는데 위의 방법으로는 1~3까지의 인덱스 값들을 가지고 온다는 뜻이여서 결과값이 [2,3,4] 가 나올것이라고 나는 예상을 했다. 그리고 터미널을 통해 실제 결과값을 확인해보면, [2,3] 배열만 나온것을 볼 수 있는데, 이 이유는 너무도 간단했다. 오랜만에 사..

프로젝트사용에 앞서 폴더를 하나 만들어준다. 그리고나서 그 폴더에 파일을 하나 만든뒤 class를 만들어준 뒤, Error를 extends 한다. extends를 하면 같이 쓰는게 있는데 그것은 바로 super 이다. 확장을 하면서 같이 쓰는걸로 알고 있는데, 내가 아는 정보는 아주 정확한 정보가 아닌거 같고, 대충 흐름을 이해했기에 말로 설명은 어려운것 같다... 아무튼 이렇게 진행을 하다보면 class CustomError extends Error { constructor(message, status) { super(message); this.status = status; } } 이렇게 완성이 되는데, 여기에서 예시로 "계층형 아키텍쳐" 로 설명을 하겠다. 계층형 아키텍처로 파일을 구성한다면 cont..

맡은 기능을 구현을 하고 다른부분을 할 것이 있는지 물어봤는데 새로 해야 할 것이 생겼다. 그것은 바로 admin계정 즉 관리자가 가게 등록을 하였을때 model 쪽에 추가를 했던 컬럼이 있다. role: { defaultValue: 0, type: DataTypes.INTEGER, }, 이 role 이라는 컬럼인데 초기 값은 defaultValue : 0 으로 설정이 되어 있는데 관리자가 가게 등록을 하였을때 defaultValue의 값이 1로 바뀔수 있게 하는 것이였는데 , 처음에는 팀원분들의 요구사항을 이해하지 못하였지만 다시 한번묻고 또 묻고해서 내가 생각한대로 기능을 구현하였는데 결과적으로 잘된 것 같다고 하셨다. 우선 어떻게 진행을 하였냐면 가게를 등록하는 과정에서 defaultValue의 값..

팀프로젝트를 시작한지 벌써 중간은 온것같다. 시간이 엄청 빨리 지나가는것 같은데 빨리 지나가는 것 만큼 프로젝트 속도는 나오지 않는 것 같다. 근데 어찌보면 당연한? 것일지도 모른다는 생각이 들긴 하다.. 어제 가게 목록페이지를 구성한 다음 오늘 할 일은 관리자 가게 등록 페이지다. 이것도 사실 가게 목록페이지와 크게 다를건 없는것 같아서 서버쪽 로직을 짜는것은 그리 오래 걸리지 않았다.일단 구현한 브라우저를 먼저 보여주면은, 위 사진처럼 구현을 하였는데 화요일 TIL에서 말한것 처럼 프론트쪽은 아직 모르는 것들이 많아서 설명을 잘 못하겠다. 그리고 꾸미는것은 부트스트랩 홈페이지를 이용해 라이브러리를 가져다 썼다. 그리고 각 코드에 손가락 이모티콘을 넣어서 나름 귀엽게?? 꾸미려고 했던것 같다. 밑에 보..

월요일 동안은 발제를 듣고 팀원분들과 기능분담과 ERD , wire - frame , API 명세서를 작성하였다. 내가 우선 처음적으로 할 것은 가게 목록페이지 였다. 처음 파일구조를 만든 뒤 git 에 올려 clone 을 받고 npm 을 설치(install)를 하고 시작을 했다. 이렇게 준비를 하고 파일을 생성하였다. 가게목록 페이지의 서버쪽은 코드를 작성하는데 그렇게 큰 어려움이 있지 않았다. 몇십분도 안걸렸던것 같았는데 여기서 문제점들이 있었다. 첫번째로는 router에서 서버를 만든 코드들을 브라우저로 띄우는 문제 이전에는 ejs 를 사용해서 render 를 통해 브라우저로 연결을 했었는데 지금은 ejs 를 사용하지 않아 전에 했던것을 참고하면서 코드를 작성하지도 못했고 어떻게 해야 할 지 감이 ..

오늘은 JS코테 문제를 풀어봤는데 코드를 따라치다가 직접 문제를 보고 코드를 대입하려니 어떻게 접근해야할지도 모르겠고 문제 이해조차 잘 하질 못했다. 그러던중 같은 캠프에서 공부를 하고 계신 성민님의 도움으로 문제를 해결하고 로직도 알게되었다. (정말 감사합니다!) # 문제는 이렇다. const str = "green/red/yellow/blue/white"; const splittedArr = // split 메소드를 이용하여 이 부분을 작성해 보세요. console.log(splittedArr); // 출력 결과: ["green", "red", "yellow", "blue", "white"] 먼저 문제를 읽어보면 split메소드를 이용하여 콘솔을 찍었을때 green", "red", "yellow", ..

오늘은 2주차 월요일이 되었는데 javascript를 배웠는데 새로운 내용들을 많이 배웠다. #var = var 라는 키워드는 똑같은 이름으로 다시 선언할수있음 let, const = let 과 const는 선언할수 없음. var와 let 은 재할당가능 , const는 재할당 안됨 그리고 오늘은 오류가 났었는데 기초적이지만 처음 알게됐고 해결이 되어서 좋았다! 이렇게 오류가 떴었는데, 난 분명 강의를 보면서 잘 따라적으면서 학습했다고 생각했는데 계속 오류가 나는 것이였다. 그래서 "뭐가 문제지 똑같은데?" 라고 생각하면서 하나하나 일단 다 따라해보자 라고 생각하면서 따라하다가 자바스크립트에는 대소문자를 구별해야 된다는걸 찾게되었다. 그래서 바꿔본 결과,, 이렇게 콘솔쪽에 소문자로 바꿔보니 해결이 되었다...

# head 안에 넣을것 >> 그리고 body 버튼 있는 쪽에 onclick="hey()" # onclick="hey()"# jquery 문법 $('# ???').text