본문 바로가기

분류 전체보기83

40대 코린이의 코딩 배우기 6주차 이야기 (23.07.03~23.07.09) 코딩 배우기 6주차 이야기 벌써 시간은 1개월하고도 반이나 지났습니다만, 진도는 여전히 느립니다. 이제 HTML과 CSS 문법은 어느정도 익힌 것 같아요. 하지만 코딩은 반복적으로 직접 해보는것이 중요하니까 꾸준히 해보고 있습니다. 지난주에 Codecademy를 결제했기 때문에 프리코드캠프(Freecodecamp)와 병행하면서 공부하고 있습니다. 코드카데미는 토요일 빼고는 출석했습니다. 요즘 코딩 공부의 가장 큰 적은 디아블로4입니다. 제가 20살때 디아블로1이 나왔었고, 군복무 후 제대한 다음 2000년에 디아블로2가 나왔었어요. 2013년 디아블로3도 당연히 샀구요. 때문에 디아블로4를 안 살 수는 없었습니다.(?) 6주차에 실천한 내용 FreeCodeCamp 강의 1개 완료, 1개 수강중 Codec.. 2023. 7. 9.
HTML 드롭다운 목록을 생성하는 태그 select, option 드롭다운이란? 미리 정해둔 선택지를 펼쳐서 사용자가 고를 수 있게 하는 기능을 말합니다. 우리는 생년월일을 입력할 때 자주 접할 수 있습니다. HTML에서는 와 으로 드롭다운 목록을 만들 수 있어요. 사용법 제일 좋아하는 색은? Red Green Blue 먼저 태그를 엽니다. 태그를 사용해서 질문을 만들구요 태그를 만듭니다. 이 때 id 속성은 label의 for 속성과 같은 이름을 사용해야 하구요. 선택사항을 태그로 만듭니다. 태그의 value는 선택지를 구분할 수 있는 임의의 이름입니다 See the Pen select by 40's Programmer (@40sProgrammer) on CodePen. 태그의 추가 속성 위의 예시에서 select는 id와 name 속성만 사용했는데요 그 외에 다른 .. 2023. 7. 9.
표만들기 (기본편) HTML 표 만드는 태그, table, tr, td, th HTML Table(표) 만들기 HTML에서 표를 만드려면 최소한 아래 네 가지 태그를 같이 익혀야 합니다. 표를 만들기 위해 감싸는 기본 태그입니다 : table row의 약자입니다. 가로 한 줄을 만듭니다 : table header의 약자입니다. 제목을 생성합니다 : table data의 약자입니다. 태그 내에서 사용됩니다 이렇게만 쓰면 처음에는 이해가 잘 안되는데요. 아래 사용법과 예시를 보면 금방 익힐 수 있습니다. 기초 사용법 이름 나이 홍길동 25 김영희 30 먼저 태그를 만듭니다. 그리고 가로 몇 줄이 필요한지 생각해봅니다. 위의 예시에서는 3줄을 만드는 거에요. 그럼 태그를 3개 만듭니다 이제 세로 칸이 몇 개 필요한지 생각해봅니다. 위의 예시는 2칸입니다. 그래서 안에 를 2개씩 만듭니다.. 2023. 7. 7.
AI가 그림을 그려주는 사이트 Lasco.ai 챗GPT를 어떻게 하면 잘 쓸 수 있을지 고민을 하고 있었어요. 그래서 클래스101에서 챗GPT, 미드저니 강의를 몇 가지 들었더니 이제 감이 왔습니다. 대부분은 급하게 만들어진 쓰레기 강의였는데, 일부 강의는 초보자에게 괜찮았어요. 어떤 강의가 괜찮았는지 아니었는지 따로 포스팅하겠습니다. 챗GPT를 어느 정도 사용하다보니 미드저니에 관심이 갔어요. 그래서 미드저니에 가입을 했더니 디스코드를 쓰라네요. 디스코드가 뭔지도 몰라서 또 공부를 했네요. 디스코드를 깔았어요. 그런데 이번엔 구독을 하라네요.ㅠㅠ 그래서 대안을 찾았어요. Lasco! 미드저니보다 퀼리티는 좀 떨어지는 것 같긴 해요. 하지만 7월까지는 매일 그림 생성을 300장까지는 무료로 할 수 있답니다. 첫 그림의 국룰은 미소녀! 세번째 뒷모습은.. 2023. 7. 6.

티스토리툴바