본문 바로가기

분류 전체보기197

Javascript - const, let, var 1️⃣ const, let, var var, let, const는 JavaScript에서 변수를 선언하는 세 가지 키워드 이들은 변수의 유효 범위와 재할당 가능 여부의 차이가 있다. 2️⃣ var var로 선언된 변수는 함수 스코프를 가지며, 블록 스코프를 무시 따라서 if문의 블록 내에서 변수 um을 재선언했지만, 외부에서도 동일한 변수에 접근할 수 있다. 이러한 동작은 호이스팅(hoisting)이라는 특성 때문에 발생 var um = 'Really'; console.log(um); // 출력: Really var um = 'How' console.log(um); // 출력: How if (true) { var um = 'Human name'; // 변수 재선언 console.log(um); // 출력.. 2023. 5. 16.
JavaScript - Export와 Import 1️⃣ export, import와 모듈 관리 export와 import를 통해 코드를 여러 파일로 분할하고 필요한 부분만 가져와서 사용할 수 있다. (=코드의 재사용성을 높이고 유지보수를 용이하게 할 수 있다) 2️⃣ export export는 모듈에서 외부로 내보내기 위해 사용 함수, 변수, 클래스 등을 내보낼 수 있다. export를 앞에 붙여서 내보내려는 항목을 지정 예시 // 모듈에서 변수 내보내기 export const name = 'John'; // 모듈에서 함수 내보내기 export function sayHello() { console.log('Hello!'); } // 모듈에서 클래스 내보내기 export class MyClass { constructor() { // ... } } 3️⃣.. 2023. 5. 16.
[KPT 회고] AI 5기 장고 프로젝트2 B-5조 Django Project KPT 회고록 B-5조 : 가보장고 DRF Project명 : 마셔보장 필수 구현 기능 : DRF 사용 프론트엔드 회원기능 CRUD 기능 배포 1️⃣ Feeling 김광운 너무나 아쉽다.. 원래 생각으로는 백엔드 기반을 잡아놓고, 프론트를 만들면서 추가로 필요한 기능을 백엔드에서 다시 작성하는 방식으로 하고 싶었는데, 문제는 프론트가 안된다면 백에 코드 만줄을 써도 의미가 없다는 것. 제대로 해본적이 없는 js도 힘든데 css도 html도 나를 가만히 놔두지 않았고, 결국 백엔드도 해보고 싶은 것들을 못하고 방치되어서 끝났다. 마음이 꺾일 뻔 했지만 각자 맡은 분야를 열심히 하는 팀원들을 보면서 나도 열심히 하게 된 것 같다. 이번엔 너무 예방접종도 안맞고, 바이러스가 들어온 .. 2023. 5. 16.
20230515 TIL - display:none; #20230515_TIL { display:none; } display display 속성은 요소를 어떻게 보여줄지를 결정. 주로 4가지 속성값이 쓰이는데, 태그마다 기본값이 다르다. none : 보이지 않음 block : 블록 박스 inline : 인라인 박스 inline-block : block과 inline의 중간 형태 none 요소를 렌더링하지 않도록 설정. visibility 속성을 hidden으로 설정한 것과 달리, 영역도 차지하지 않는다. display block div 태그, p 태그, h 태그#, li 태그 등이 이에 해당한다. 기본적으로 가로 영역을 모두 채우며, block 요소 다음에 등장하는 태그는 줄바꿈이 된 것처럼 보인다. width, height 속성을 지정 할 수 있으며, b.. 2023. 5. 15.
20230512 TIL - Javascript 기초 1️⃣ export, import https://codemte.tistory.com/144 JavaScript - Export와 Import 1️⃣ export, import와 모듈 관리 export와 import를 통해 코드를 여러 파일로 분할하고 필요한 부분만 가져와서 사용할 수 있다. (=코드의 재사용성을 높이고 유지보수를 용이하게 할 수 있다 2️⃣ expo codemte.tistory.com 2️⃣ const, let, var https://codemte.tistory.com/145 Javascript - const, let, var 1️⃣ const, let, var var, let, const는 JavaScript에서 변수를 선언하는 세 가지 키워드 이들은 변수의 유효 범위와 재할당 가능 여.. 2023. 5. 13.
20230511 TIL - CSS flex, HTML 기본 부모 요소 속성 설명 자식 요소 속성 설명 display 정의 order 순서 flex-direction 방향 flex-grow 증가값 flex-wrap 줄 바꿈 flex-shrink 수축값 flex-flow direction+wrap flex-basis 기본값 justify-content 가로정렬 flex grow + shrink align-items 세로정렬 align-self 세로 정렬 align-content 열 간격 https://brunch.co.kr/@swimjiy/25 CSS flexbox 톺아보기 - 1. 부모 요소 속성 효과적으로 레이아웃을 배치할 수 있는 flexbox 속성을 알아보자 | Flexbox는 브라우저의 크기 혹은 요소의 크기가 동적이거나 명시되지 않은 경우에 문서 내의 공.. 2023. 5. 11.
20230510 TIL - 테스트 코드 1️⃣ 테스트코드 DRF 테스팅 공식문서 http://www.tomchristie.com/rest-framework-2-docs/api-guide/testing Testing - Django REST framework test.py Testing Code without tests is broken as designed. — Jacob Kaplan-Moss REST framework includes a few helper classes that extend Django's existing test framework, and improve support for making API requests. APIRequestFactory Extends Django's exist www.tomchristie.com D.. 2023. 5. 10.
20230509 TIL - 알고리즘 1️⃣ 알고리즘 [알고리즘] 프로그래머스 - 카펫 [알고리즘] 프로그래머스 - 카펫 카펫 1. 구해야 하는 것 # 카펫의 가로, 세로 2. 1을 구하기 위해 필요한 것 # 가로 세로를 어떻게 구할지?? # 넓이 = yellow + brown # brown의 면적 = 2*세로 + 2*가로 - 4 # yellow의 면적 = (가로-2) * (세로-2) 3. codemte.tistory.com 2023. 5. 9.
[알고리즘] 프로그래머스 - 카펫 카펫 1. 구해야 하는 것 # 카펫의 가로, 세로 2. 1을 구하기 위해 필요한 것 # 가로 세로를 어떻게 구할지?? # 넓이 = yellow + brown # brown의 면적 = 2*세로 + 2*가로 - 4 # yellow의 면적 = (가로-2) * (세로-2) 3. 그 외 고려해야 할 사항 # 카펫의 긴쪽이 가로 # yellow는 1 이상(가로, 세로 최소 길이는 3부터 시작한다) 1. 풀이 s = yellow + brown # 넓이 for height in range(3, s//3+1): # 세로 길이 후보 i if s % height == 0: # 넓이를 세로 길이로 나눌 수 있다면 width = s / height # 그것은 가로길이 후보 if (height - 2) * (width - 2) .. 2023. 5. 9.

티스토리툴바