본문 바로가기

WIL&TIL90

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.
20230508 TIL - 알고리즘 1️⃣ [알고리즘] 프로그래머스 - 기사단원의 무기 [알고리즘] 프로그래머스 - 기사단원의 무기 기사단원의 무기 1. 구해야 하는 것 # 총 철의 무게 2. 1을 구하기 위해 필요한 것 # 공격력이 몇인 무기를 구매할 것인가? # 둘을 비교해서 넘기면 power로 공격력 # 기사번호의 약수의 개수(=공격력) codemte.tistory.com 2️⃣ [알고리즘] 프로그래머스 - 괄호 회전하기 [알고리즘] 프로그래머스 - 괄호 회전하기 괄호 회전하기 입출력 예) 더보기 1. 구해야 하는 것 # 괄호로만 이루어진 문자열 s를 왼쪽으로 회전시켜서 # 올바른 괄호문자열이 되는 x의 개수 2. 1을 구하기 위해 필요한 것 # 이동시킨 문자열 codemte.tistory.com 2023. 5. 8.
WIL 20230501 ~ 20230507 - 알고리즘, 공식문서 읽기 1️⃣ AWS AWS EC2 instance connect - ERR_CONNECTION_REFUSED EC2 - instances - Launch instances instance name 입력 Ubuntu instance type - t2.micro keypair 선택 Launch instance instance_id 클릭 후 - Security - Inbound rules에 http, https 추가해주고, Connect sudo apt-get update sudo apt-get install nginx codemte.tistory.com 2️⃣ 선발대 과제 - 파스칼의 삼각형 [알고리즘] NBC 선발대 과제 - 파스칼의 삼각형 ''' line1 = [1] line2 = [1, 1] line3 = .. 2023. 5. 7.
20230504 TIL - 알고리즘 1️⃣ 알고리즘 문제풀이 [알고리즘] 프로그래머스 - 최대공약수와 최소공배수 [알고리즘] 프로그래머스 - 최대공약수와 최소공배수 최대공약수와 최소공배수 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으 codemte.tistory.com [알고리즘] 프로그래머스 - 행렬의 덧셈 [알고리즘] 프로그래머스 - 행렬의 덧셈 행렬의 덧셈 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers. codemte.tistory.com [알고리즘] 프로그래머스 - 내적 [알고리즘.. 2023. 5. 4.
20230503 TIL - 알고리즘, 공식문서 읽기 1️⃣ 알고리즘 [알고리즘] 프로그래머스 - 최소직사각형 [알고리즘] 프로그래머스 - 둘만의 암호 2️⃣ 공식문서 읽기 Django 공식문서 읽기 - Customizing authentication in Django(4) 2023. 5. 3.

티스토리툴바