Tailwind 사용법 UI구성요소 버튼,텍스트박스 등 코드 얻는법

Tailwind 공식문서 UI구성요소Tailwind에서 사용할 수 있는 문법들을 사용하려면 보통 공식문서를 참고하여 코드를 참고합니다.(링크) 공식문서에서는 부트스트랩처럼 UI 구성요소(Elements)도 별도로 제공을 해줍니다. 그 예시로 버튼에 대한 다양한 요소코드를 제공하는데 Get the Code를 눌러 코드를 확인하려고 하면 유료 결제가 필요합니다. 금액대별 플랜을 구매하면 tailwind에서 제공하는 UI요소에 대한 코드를 평생 사용할수 있긴 하지만 당장 일부 요소들은 이미 업로드된 수많은 코드들이 있습니다.  무료 Tailwind CSS 구성요소Flowbite는 Tailwind CSS의 요소들을 바로 사용할수 있도록 코드로 제공합니다.(링크)Flowbite에서는 부트스트랩에서 제공하는것처럼 ..

• format_list_bulleted 프로그래밍/Tailwind CSS
• · 2024. 5. 19.
• textsms

백준 1427번 소트인사이드 | [BACKJOON/Python / 1427]

문제링크 문제배열을 정렬하는 것은 쉽다. 수가 주어지면, 그 수의 각 자리수를 내림차순으로 정렬해보자. 입력첫째 줄에 정렬하려고 하는 수 N이 주어진다. N은 1,000,000,000보다 작거나 같은 자연수이다.  출력첫째 줄에 자리수를 내림차순으로 정렬한 수를 출력한다. 예제 입력 & 출력 풀이num = list(input())num.sort(reverse=True)print(''.join(num))문제에 주어진대로 내림차순 정렬하기위해서는 sort 정렬함수에다가 reverse값을 True로 주면됩니다.기본 sort()함수는 리스트 오름차순 정렬입니다. 그리고 출력할때 .join함수를 사용하여 num리스트를 문자열로 공백없이 출력합니다.

• format_list_bulleted 프로그래밍/Python 문제풀이
• · 2024. 5. 17.
• textsms

백준 1181번 단어 정렬 | [BACKJOON/Python / 1181]

문제링크  문제알파벳 소문자로 이루어진 N개의 단어가 들어오면 아래와 같은 조건에 따라 정렬하는 프로그램을 작성하시오.길이가 짧은 것부터길이가 같으면 사전 순으로단, 중복된 단어는 하나만 남기고 제거해야 한다.입력첫째 줄에 단어의 개수 N이 주어진다. (1 ≤ N ≤ 20,000) 둘째 줄부터 N개의 줄에 걸쳐 알파벳 소문자로 이루어진 단어가 한 줄에 하나씩 주어진다. 주어지는 문자열의 길이는 50을 넘지 않는다.   출력조건에 따라 정렬하여 단어들을 출력한다. 예제 입력 & 출력  풀이N = int(input())inpp = []for i in range(N): word = input() if word not in inpp: # 중복되지 않는 단어만 리스트에 추가합니다. inp..

• format_list_bulleted 프로그래밍/Python 문제풀이
• · 2024. 5. 15.
• textsms

파이썬 null bytes 오류 해결법

파이썬에서 파일 실행 시 source code string cannot contain null bytes라는 오류가 출력됩니다.원인은 파일의 인코딩 문제로 발생하는데 읽어오려는 파일의 인코딩 방식을 UTF-8로 변경하면 해결됩니다.vscode 에디터를 사용하면 에디터 하단에 현재 파일의 인코딩 유형을 확인할 수 있습니다.  인코딩 변경전읽어오려는 문제의 파일 인코딩 변경 전 UTF-16 LE라고 표기되어 있습니다.  인코딩 변경 후인코딩 방식을 클릭한 다음 UTF-8로 변경해 주면 됩니다.이때 변경하는 과정에서 기존의 텍스트 내용이 깨지니깐 코드를 복사해 둔 다음에 인코딩 변경 후 다시 붙여 넣어주시는 걸 권장해 드립니다.

• format_list_bulleted 프로그래밍/각종 오류
• · 2024. 5. 5.
• textsms

C언어 출석부 구조체 작성 |공백을 포함하여 입력받기

C언어의 구조체를 사용한 학생정보를 입력받고 입력받은 학생정보를 출력하는 프로그램으로 작성해 봤습니다.이름,번호,주소,학번의 학생정보를 입력받으면 주소 정보는 공백을 포함하여 문자열로 저장받습니다.  구조체 선언struct info{ char name[10]; char nmumber[10]; char address[20]; int student_id;};struct문으로 학생 정보를 저장받을 구조체를 선언합니다.저는 info라는 이름으로 구조체명을 지정하였습니다. 학생의 이름, 학생의 번호, 학생의 학번이 저장될 3가지 변수타입을 구조체에 담아주었습니다.  구조체 변수 선언int main(){ strcut info infos[3]; return 0;}main함수에서 이전에 선언한 info 구조체를 ma..

• format_list_bulleted 프로그래밍/C
• · 2024. 5. 1.
• textsms

백준 2751번 수 정렬하기2 | [BACKJOON/Python / 2751] input이 느릴땐 sys.stdin을 사용하자

문제링크    https://www.acmicpc.net/problem/2751  문제N개의 수가 주어졌을 때, 이를 오름차순으로 정렬하는 프로그램을 작성하시오.입력첫째 줄에 수의 개수 N(1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄부터 N개의 줄에는 수가 주어진다. 이 수는 절댓값이 1,000,000보다 작거나 같은 정수이다. 수는 중복되지 않는다.  출력첫째 줄부터 N개의 줄에 오름차순으로 정렬한 결과를 한 줄에 하나씩 출력한다. 예제 입력 & 출력 풀이시도1count = int(input())num = []for i in range(count):     num_i = int(input())    num.append(num_i)  num.sort()  for f in range(len(nu..

• format_list_bulleted 프로그래밍/Python 문제풀이
• · 2024. 4. 28.
• textsms