위코드 [회고록] 꾸꾸까까~? Kukka 클론 프로젝트 회고 (1) *해당 클론 프로젝트의 경우 이미 있는 코드를 베낀 것이 아닌, DB 모델링 설계부터 중심 기능 구현까지 팀원들과 소통하며 직접 코드를 짠 프로젝트임을 밝힙니다. 지금까지 배운 것을 적용해봄과 동시에 약간 높은 단계의 기능도 구현해볼 수 있다는 확신이 생겼다. 각종 클래스명, 변수명을 어떻게 표현할지 정하는 컨벤션도 물론 중요하지만, 해당 프로젝트를 통해 각자 어느 부분을 배우고 보완하고 싶... WeCode저스트코드1차 프로젝트위코드Just Code회고1차 프로젝트 코드카타 05: getPrefix strs은 단어가 담긴 배열입니다. 공통된 시작 단어(prefix)를 반환해주세요. 예를 들어 strs = ['start', 'stair', 'step'] return은 'st' strs = ['start', 'wework', 'today'] return은 "" 배열의 모든 요소를 하나씩 돌며 조건을 심사해야 하기에 every 메서드를 사용했고, startsWith 메서드는 구글링을 통해 알... WeCode위코드WeCode 인스타그램 클론 코딩 프로젝트 후기 feat westagram [Mission4] 댓글 내용 입력 후 Enter press, 혹은 게시 버튼 클릭 시 댓글 추가 기능 [Mission 2] Login | 로그인 버튼 활성화 기능 구현 [Mission 3] Main | 댓글 기능 구현 [Mission 5] Main | Mock data를 map을 활용하여 댓글 화면에 렌더링 기능 구현 [Mission 6] Main | Mock data를 map을 활용하여 ... 클론코딩WeCode위코드gitSassReact위스타그램React Node.js : node express로 서버 개설하기 사용자와 사물(혹은 시스템) 사이에서 의사소통할 수 있도록 만들어진 매개체이다. 이 UI가 존재함으로써 사용자는 컴퓨터(사물)와 상호 작용할 수 있게 되는 것이다. API(Application Processing Interface)는 Application 간에 서로 상호작용할 수 있도록 돕는 매개체이다. 왜냐하면 메뉴판엔 어떤 요리를 시킬 수 있는지 명시해 놓아 그 특정 메뉴만 시킬 수 있기... 위코드NodeWecode FullStacknode.jsNode [TIL] # 18 python 기본 탄탄 귀도 반 로섬이라는 사람은 이런사람이구나 알 것 같았습니다 쉽다는 건 굉장히 주관적인 의견인데, 다른 언어에 비해 배우기가 쉽다지 결코 파이썬을 이용한 프로그래밍이 쉽다는 아닙니다 list : 순서가 있는 값들의 집합 (mutable) ex) {"사람": "Guido"} 이런식으로 앞쪽이 key 뒤쪽이 value 입니다 각각의 특성을 좀 볼게요 list, tuple, dictionary, s... TILWeCodepython위코드TIL TIL | 파이썬 기초 - 4 얕은 복사(Shallow Copy) b에 a를 할당하면 값이 할당되는 것이 아니라 같은 메모리 주소를 갖게 됩니다. 따라서 a의 값을 가진 b를 따로 만들고 싶으면 리스트 a를 복사하여 b에 할당해 주어야 합니다. 그 중 얕은 복사의 방법 중 하나인 인덱싱이 있습니다. 다음은 copy모듈을 사용하여 복사하는 방법입니다. 그러나 두 복사 방법은 얕은 복사이기 때문에 리스트 안의 mutable한... WeCodepython위코드WeCode 21.3.25 최종 제작일 및 최종발표 준비일 1. 스탠딩 미팅 프론트 / 백엔드 진행 상황 공유 및 오늘 할 일 전반적인 부분 손보기(푸터, 로그인, 사인인 등) 메인페이지 맞추고 장바구니 및 주문 마무리 쿠폰 마무리 + 그 외 필요 작업(데이터) 나눠서 하기 data로 반복문 없이 아주 깔끔하게 받아올 수 있다. product_id와 user_id는 프론트가 주는 정보와 토큰으로 알 수 있기 때문. 2... pythonWeCodedjango위코드WeCode JavaScript | pre course 19-날짜☀️와 시간⏰ 프론트엔드 개발을 하다보면 날짜와 시간을 다루는 경우가 많다고 한다. 회원가입을 한 날짜와 시간 글을 작성한 시간 휴대폰의 현재 시간 등등... 날짜와 시간을 저장하고 보여줄 때는 날짜 객체를 사용한다. 무슨 말인지 바로 인지가 안되니 코드를 통해 다시 공부해 보자. 여기서, GMT란 것은 Greenwich Mean Time의 줄임말이며 컴퓨터 언어에서는 GMT기준으로 시간을 알려준다고 한다... TILJavaScriptWeCode위코드JavaScript [PYTHON] For Loops, While Loops 요소를 한번에 하나씩 가지고 원하는 로직을 실행할 수 있게 해주는 역할 for 문은 list나 set, dictionary 등의 data structure 등을 기반으로 코드블록을 반복 실행한다. iteration : for 문에서는 리스트가 가지고 있는 요소의 수 만큼 for 문에 속해있는 코드를 실행시키는 부분(for element in list의 list 부분) 끝까지 for 문을 진행... pythonWeCode위코드WeCode k 2 - JavaScript 06. 반복문 반복문(lteration statesments)이란 동일한 동작을 조건(횟수)을 만족할 때 까지 반복해서 수행하는 개발자의 수고로움을 덜어주기 위해 탄생했다. 'HelloWecode'를 10번 출력하고 싶을땐 어떻게 할까🤷♂️? 3. 반복문을 활용하여 총 10번(조건을 만족할 때까지)을 콘솔로그로 문장을 찍어내도록(수행하도록)한다. 1> 초기 상태(let step = 0) : 선언 할 co... WeCode위코드사전스터디WeCode JavaScript | pre course 5-string concatenation 🙋목표: 자바스크립트 기초를 공부하고 부족한 부분을 채우자. 🙌 지금까지 우리가 할 수 있었던 문자열 출력은 다음과 같았다 자바스크립트에서 텍스트와 숫자를 구분하는 것은 " " (쌍따옴표)이다. 그렇다면 무엇이 텍스트인지 확인해보자 이를 통해 확인해 볼 수 있는 것이 있다 서로 다른 데이터 타입인 string 과 number 형을 더하면 항상 string 으로 반환됨 다른 프로그래밍 언어에서... TILJavaScriptWeCode위코드JavaScript [Westagram] : 로그인 JWT 적용 인증/인가 때 jwt를 배웠기 때문에 적용하면 되겠다 ㅠㅠ... 장고WeCodedjango위코드WeCode 검색바 전체적으로 가운데 정렬을 하기 위해서 body에 css sytle을 적용하였고 div태그로 전체적으로 둘러쌓아서 css에서 display flex속성을 이용하여 column효과를 주어 세로로 정렬시켰다. 세로로 정렬된 값에 영역 지정을 하기 위해 width, height 값을 넣어줬으며 flex의 justify-content, align-items를 넣어 가운데로 정렬시켰다. input의 s... CSSWeCode위코드htmlCSS 배열 Assignment(반복문 활용) divideArrayInHalf 함수를 다음과 같이 구현해주세요. divideArrayInHalf 함수는 array를 인자로 받습니다. 이 array는 숫자 값으로 만 구성되어 있으며 총 5개의 요소(element)들로 구성되어 있습니다. divideArrayInHalf 함수는 인자로 들어온 array 로 부터 새롭게 구성된 배열 result 을 리턴합니다. array 요소들 중 10과 같거... WeCode위코드WeCode 21.4.28 1. 문제 앞글자가 같은지 찾기 : prefix 찾기 문제 2. 접근법 nested for loop : 실패 3. 서칭 결과 sort()로 정렬 후 (리스트 안 요소들을 a~z 순으로 알아서 소팅 해줌) 문자 길이로 찾기 4. 코드 어렵다. [][] 이 부분은 익숙치 않았다. 나중에 다시 풀어보기 1. 문제 연속된 값 중 더했을 때 가장 큰 값을 리턴 2. 접근한 방법 for loop 이용하... pythonWeCode알고리즘위코드WeCode JavaScript | pre course 8-Logical Operators(논리 연산자) 🙋목표: 자바스크립트 기초를 공부하고 부족한 부분을 채우자. 🙌 if문만 쓰게 되면 나오게 되는 코드의 양 때문에 많은 이들이 논리 연산자를 이용함 바로 또는(or), 그리고(and)를 쓰는 것이다. 이것은 || 과 && 로 쓸 수 있다. 조건 하나만 맞으면 되는 || 과 달리 모두 충족해야할 때 사용하는 그리고(and) 연산자인 && 가 있다. 또한 논리연산자를 이용할 때 괄호를 이용해서 ... TILJavaScriptWeCode위코드JavaScript k 2 - JavaScript 05. 배열 *🔐Study Keyword : 🔑 배열이 필요한 이유를 설명해보자 -WHAT IS❓ 배열? 특정한 집한들을 일렬로 모아놓은 데이터들 즉 요소들을 모아놓은 집합을의미한다. 말 그대로 데이터들이 배열을 이루어서 나열이 되어있는 상태이다. 🔅요소 VS 인덱스?🔅) 요소란 배열에 들어있는 데이터 하나하나를 요소(elment)라고한다. 인덱스란 배열이 가진 순서(index) 이며 0부터 시작한다. ... WeCode위코드사전스터디WeCode 09. Object 8번 문제 객체 안의 객체접근 8. 객체 안의 객체 접근 Assignment accessObject 함수를 작성해주세요. myStorage 객체의 속성에 접근하여 glove box 프로퍼티의 값을 변수 gloveBoxContents에 대입해주세요. 함수의 리턴값은 glove box 프로퍼티의 값이 되어야 합니다. // 아래의 코드를 수정하지마세요. <결과>... 위코드위코드 [Westagram] : 게시물 등록 models.py 하나의 포스트에 여러개의 이미지가 있을 수 있으므로, 이미지 테이블을 분리 이미지 테이블은 당연히 포스트의 id를 참조 views.py 우선 데코레이터에서 선언한 request.user를 불러와서 email_id 변수에 저장 그리고 사진만 올리거나, 글만 쓰거나 등의 경우가 있기 때문에 데이터가 없으면 None 포스팅을 먼저 등록해준 다음, 그에 대한 이미지 파일을 등록해야... 장고WeCodedjango위코드WeCode
[회고록] 꾸꾸까까~? Kukka 클론 프로젝트 회고 (1) *해당 클론 프로젝트의 경우 이미 있는 코드를 베낀 것이 아닌, DB 모델링 설계부터 중심 기능 구현까지 팀원들과 소통하며 직접 코드를 짠 프로젝트임을 밝힙니다. 지금까지 배운 것을 적용해봄과 동시에 약간 높은 단계의 기능도 구현해볼 수 있다는 확신이 생겼다. 각종 클래스명, 변수명을 어떻게 표현할지 정하는 컨벤션도 물론 중요하지만, 해당 프로젝트를 통해 각자 어느 부분을 배우고 보완하고 싶... WeCode저스트코드1차 프로젝트위코드Just Code회고1차 프로젝트 코드카타 05: getPrefix strs은 단어가 담긴 배열입니다. 공통된 시작 단어(prefix)를 반환해주세요. 예를 들어 strs = ['start', 'stair', 'step'] return은 'st' strs = ['start', 'wework', 'today'] return은 "" 배열의 모든 요소를 하나씩 돌며 조건을 심사해야 하기에 every 메서드를 사용했고, startsWith 메서드는 구글링을 통해 알... WeCode위코드WeCode 인스타그램 클론 코딩 프로젝트 후기 feat westagram [Mission4] 댓글 내용 입력 후 Enter press, 혹은 게시 버튼 클릭 시 댓글 추가 기능 [Mission 2] Login | 로그인 버튼 활성화 기능 구현 [Mission 3] Main | 댓글 기능 구현 [Mission 5] Main | Mock data를 map을 활용하여 댓글 화면에 렌더링 기능 구현 [Mission 6] Main | Mock data를 map을 활용하여 ... 클론코딩WeCode위코드gitSassReact위스타그램React Node.js : node express로 서버 개설하기 사용자와 사물(혹은 시스템) 사이에서 의사소통할 수 있도록 만들어진 매개체이다. 이 UI가 존재함으로써 사용자는 컴퓨터(사물)와 상호 작용할 수 있게 되는 것이다. API(Application Processing Interface)는 Application 간에 서로 상호작용할 수 있도록 돕는 매개체이다. 왜냐하면 메뉴판엔 어떤 요리를 시킬 수 있는지 명시해 놓아 그 특정 메뉴만 시킬 수 있기... 위코드NodeWecode FullStacknode.jsNode [TIL] # 18 python 기본 탄탄 귀도 반 로섬이라는 사람은 이런사람이구나 알 것 같았습니다 쉽다는 건 굉장히 주관적인 의견인데, 다른 언어에 비해 배우기가 쉽다지 결코 파이썬을 이용한 프로그래밍이 쉽다는 아닙니다 list : 순서가 있는 값들의 집합 (mutable) ex) {"사람": "Guido"} 이런식으로 앞쪽이 key 뒤쪽이 value 입니다 각각의 특성을 좀 볼게요 list, tuple, dictionary, s... TILWeCodepython위코드TIL TIL | 파이썬 기초 - 4 얕은 복사(Shallow Copy) b에 a를 할당하면 값이 할당되는 것이 아니라 같은 메모리 주소를 갖게 됩니다. 따라서 a의 값을 가진 b를 따로 만들고 싶으면 리스트 a를 복사하여 b에 할당해 주어야 합니다. 그 중 얕은 복사의 방법 중 하나인 인덱싱이 있습니다. 다음은 copy모듈을 사용하여 복사하는 방법입니다. 그러나 두 복사 방법은 얕은 복사이기 때문에 리스트 안의 mutable한... WeCodepython위코드WeCode 21.3.25 최종 제작일 및 최종발표 준비일 1. 스탠딩 미팅 프론트 / 백엔드 진행 상황 공유 및 오늘 할 일 전반적인 부분 손보기(푸터, 로그인, 사인인 등) 메인페이지 맞추고 장바구니 및 주문 마무리 쿠폰 마무리 + 그 외 필요 작업(데이터) 나눠서 하기 data로 반복문 없이 아주 깔끔하게 받아올 수 있다. product_id와 user_id는 프론트가 주는 정보와 토큰으로 알 수 있기 때문. 2... pythonWeCodedjango위코드WeCode JavaScript | pre course 19-날짜☀️와 시간⏰ 프론트엔드 개발을 하다보면 날짜와 시간을 다루는 경우가 많다고 한다. 회원가입을 한 날짜와 시간 글을 작성한 시간 휴대폰의 현재 시간 등등... 날짜와 시간을 저장하고 보여줄 때는 날짜 객체를 사용한다. 무슨 말인지 바로 인지가 안되니 코드를 통해 다시 공부해 보자. 여기서, GMT란 것은 Greenwich Mean Time의 줄임말이며 컴퓨터 언어에서는 GMT기준으로 시간을 알려준다고 한다... TILJavaScriptWeCode위코드JavaScript [PYTHON] For Loops, While Loops 요소를 한번에 하나씩 가지고 원하는 로직을 실행할 수 있게 해주는 역할 for 문은 list나 set, dictionary 등의 data structure 등을 기반으로 코드블록을 반복 실행한다. iteration : for 문에서는 리스트가 가지고 있는 요소의 수 만큼 for 문에 속해있는 코드를 실행시키는 부분(for element in list의 list 부분) 끝까지 for 문을 진행... pythonWeCode위코드WeCode k 2 - JavaScript 06. 반복문 반복문(lteration statesments)이란 동일한 동작을 조건(횟수)을 만족할 때 까지 반복해서 수행하는 개발자의 수고로움을 덜어주기 위해 탄생했다. 'HelloWecode'를 10번 출력하고 싶을땐 어떻게 할까🤷♂️? 3. 반복문을 활용하여 총 10번(조건을 만족할 때까지)을 콘솔로그로 문장을 찍어내도록(수행하도록)한다. 1> 초기 상태(let step = 0) : 선언 할 co... WeCode위코드사전스터디WeCode JavaScript | pre course 5-string concatenation 🙋목표: 자바스크립트 기초를 공부하고 부족한 부분을 채우자. 🙌 지금까지 우리가 할 수 있었던 문자열 출력은 다음과 같았다 자바스크립트에서 텍스트와 숫자를 구분하는 것은 " " (쌍따옴표)이다. 그렇다면 무엇이 텍스트인지 확인해보자 이를 통해 확인해 볼 수 있는 것이 있다 서로 다른 데이터 타입인 string 과 number 형을 더하면 항상 string 으로 반환됨 다른 프로그래밍 언어에서... TILJavaScriptWeCode위코드JavaScript [Westagram] : 로그인 JWT 적용 인증/인가 때 jwt를 배웠기 때문에 적용하면 되겠다 ㅠㅠ... 장고WeCodedjango위코드WeCode 검색바 전체적으로 가운데 정렬을 하기 위해서 body에 css sytle을 적용하였고 div태그로 전체적으로 둘러쌓아서 css에서 display flex속성을 이용하여 column효과를 주어 세로로 정렬시켰다. 세로로 정렬된 값에 영역 지정을 하기 위해 width, height 값을 넣어줬으며 flex의 justify-content, align-items를 넣어 가운데로 정렬시켰다. input의 s... CSSWeCode위코드htmlCSS 배열 Assignment(반복문 활용) divideArrayInHalf 함수를 다음과 같이 구현해주세요. divideArrayInHalf 함수는 array를 인자로 받습니다. 이 array는 숫자 값으로 만 구성되어 있으며 총 5개의 요소(element)들로 구성되어 있습니다. divideArrayInHalf 함수는 인자로 들어온 array 로 부터 새롭게 구성된 배열 result 을 리턴합니다. array 요소들 중 10과 같거... WeCode위코드WeCode 21.4.28 1. 문제 앞글자가 같은지 찾기 : prefix 찾기 문제 2. 접근법 nested for loop : 실패 3. 서칭 결과 sort()로 정렬 후 (리스트 안 요소들을 a~z 순으로 알아서 소팅 해줌) 문자 길이로 찾기 4. 코드 어렵다. [][] 이 부분은 익숙치 않았다. 나중에 다시 풀어보기 1. 문제 연속된 값 중 더했을 때 가장 큰 값을 리턴 2. 접근한 방법 for loop 이용하... pythonWeCode알고리즘위코드WeCode JavaScript | pre course 8-Logical Operators(논리 연산자) 🙋목표: 자바스크립트 기초를 공부하고 부족한 부분을 채우자. 🙌 if문만 쓰게 되면 나오게 되는 코드의 양 때문에 많은 이들이 논리 연산자를 이용함 바로 또는(or), 그리고(and)를 쓰는 것이다. 이것은 || 과 && 로 쓸 수 있다. 조건 하나만 맞으면 되는 || 과 달리 모두 충족해야할 때 사용하는 그리고(and) 연산자인 && 가 있다. 또한 논리연산자를 이용할 때 괄호를 이용해서 ... TILJavaScriptWeCode위코드JavaScript k 2 - JavaScript 05. 배열 *🔐Study Keyword : 🔑 배열이 필요한 이유를 설명해보자 -WHAT IS❓ 배열? 특정한 집한들을 일렬로 모아놓은 데이터들 즉 요소들을 모아놓은 집합을의미한다. 말 그대로 데이터들이 배열을 이루어서 나열이 되어있는 상태이다. 🔅요소 VS 인덱스?🔅) 요소란 배열에 들어있는 데이터 하나하나를 요소(elment)라고한다. 인덱스란 배열이 가진 순서(index) 이며 0부터 시작한다. ... WeCode위코드사전스터디WeCode 09. Object 8번 문제 객체 안의 객체접근 8. 객체 안의 객체 접근 Assignment accessObject 함수를 작성해주세요. myStorage 객체의 속성에 접근하여 glove box 프로퍼티의 값을 변수 gloveBoxContents에 대입해주세요. 함수의 리턴값은 glove box 프로퍼티의 값이 되어야 합니다. // 아래의 코드를 수정하지마세요. <결과>... 위코드위코드 [Westagram] : 게시물 등록 models.py 하나의 포스트에 여러개의 이미지가 있을 수 있으므로, 이미지 테이블을 분리 이미지 테이블은 당연히 포스트의 id를 참조 views.py 우선 데코레이터에서 선언한 request.user를 불러와서 email_id 변수에 저장 그리고 사진만 올리거나, 글만 쓰거나 등의 경우가 있기 때문에 데이터가 없으면 None 포스팅을 먼저 등록해준 다음, 그에 대한 이미지 파일을 등록해야... 장고WeCodedjango위코드WeCode