전체 글
-
[구름톤 챌린지] 1주차 Day3 합 계산기코딩 챌린지 2023. 8. 17. 19:58
처음으로 해설지를 보지 않고 풀어본 문제라 좀 기뻐서 포스팅하고 싶었다. T = int(input()) c = [] for i in range(T): N, M, Q = map(str, input().split()) if M == "+": c.append(int(int(N) + int(Q))) elif M == "-": c.append(int(int(N) - int(Q))) elif M == "*": c.append(int(int(N) * int(Q))) elif M == "/": c.append(int(int(N) / int(Q))) print(sum(c)) 코딩테스트 준비를 해야한다고 생각하고 있었으나, 계속 미루던 중 구름에서 구름톤 챌린지라는 이벤트를 하는것을 보게 되었다. 매일 한문제씩은 나도 할..
-
[엘카데미 챌린지] Bard로 만드는 MBTI 검사 웹사이트 8일차코딩 챌린지 2023. 8. 6. 12:03
오늘은 페이지를 완성하려고 하는 날이다. 이제 웹페이지에서는 각 질문마다 예 / 아니오를 선택하고 페이지가 넘어가지만 최종 결과는 보여주지 못하는 상태이다. 왜냐하면 아직 E, I, N, S, T, F, P, J가 각각 몇 개인지 세는 과정이 없기 때문에 결과가 저장이 안 되기 때문이다. 이제는 대답한 것들을 카운팅 하고 다시 로컬 스토리지에 저장해 준 후 그 결과를 출력해 주는 과정을 만들었다. 다만 Bard가 답변해 준 코드가 잘 작동하지 않아 6가지의 다른 답변으로 나온 코드를 실행했지만 작동하는 것이 없어 결국 예시 답안 코드를 이용했다. 아직 Bard를 사용해서 무리 없이 개발을 진행하기에는 한계가 있다고 느껴지는 부분이었다. 일단 예시 코드를 사용해서 실행해 보니 로컬 스토리지에 MBTI결과가..
-
[엘카데미 챌린지] Bard로 만드는 MBTI 검사 웹사이트 7일차코딩 챌린지 2023. 8. 5. 11:03
오늘은 MBTI검사를 진행하기 위한 질문을 만들었다. 그리고 JavaScript도 사용하는 날이었다. index.js라는 파일을 만들고 파일에 MBTI검사 진행을 위한 질문들을 넣어주었다. 매우 흥미로웠던 점은 Bard를 이용해 JavaScript의 형식에 맞춰 코딩만 생성하는 것이 아니라 MBTI검사를 위한 질문목록까지 같이 만들었다는 점이었다. 밑의 코드블록에서 const questions = 부분 말고는 나머지가 다 Bard로 생성된 부분이다. 다만 이번에는 Bard에게 12개의 질문을 생성해 달라고 했는데 처음에는 8개의 질문만 만들어주어 답변을 다시 한번 생성해 주는 과정을 거쳐야 했다. const questions = [ { id: 1, text: "나는 혼자 있는 것보다 사람들과 함께 있는 ..
-
[엘카데미 챌린지] Bard로 만드는 MBTI 검사 웹사이트 6일차코딩 챌린지 2023. 8. 4. 12:04
오늘은 웹페이지 화면 구성하는 방법에 대해 배웠다. 처음에는 index.html파일을 수정해 랜딩 페이지의 화면을 구성했다. Brad에게 배경 설명, 즉 내가 만들 MBTI웹사이트에 관한 설명을 해준 후 랜딩 페이지를 어떻게 구성할지 구체적으로 지시를 해준 후 html코드를 예시로 넣어주었다. 내가 기존에 가지고 있던 index.html파일의 태그 부분에 어떤 코드를 넣어야 할지 Bard의 답변을 얻은 후 복사해서 붙여 넣었더니 랜딩페이지가 구현되었다. 동시에 test.html과 result.html도 비슷하게 코드를 생성해서 붙여 넣어주었다. Bard에 어떻게 물어보아야 내가 원하는 코드를 짜 줄지에 대해서는 좀 더 여러 차례 스스로 시도해 보는 게 좋을 것 같다. 이번 실습에서는 예시로 주어준 질문만..
-
[엘카데미 챌린지] Bard로 만드는 MBTI 검사 웹사이트 5일차코딩 챌린지 2023. 8. 3. 23:58
이제 웹개발 기초강의를 다 듣고 실습으로 넘어가게 되었다. 첫 강의는 내가 웹사이트를 만들었을 때의 최종 결과물의 예시를 보여주며 이런 형태의 웹사이트가 나온다고 알려주는 것이었다. 주의할 점은 대부분의 코드를 Bard를 사용해서 짜기 때문에 전체적인 것은 비슷해도 디테일들을 다를 수 있다고 했다. 처음에는 html파일을 생성해서 웹페이지들의 기본적인 뼈대들을 만들었다. 그리고 html파일들의 기초 구조는 일일이 다 입력하면 시간이 너무 오래 걸리므로 미리 구조가 입력되어 있는 탬플릿 같은 것을 '!'를 입력해 불러온다. 이제 기본 폰트 대신에 내가 원하는 폰트를 적용시켜 주면 된다. 1. CSS를 이용하는 방법 폰트 사이트에서 '웹폰트로 사용'이라고 되어있는 칸이 있는데, 그 부분을 복사해서 html ..
-
[엘카데미 챌린지] Bard로 만드는 MBTI 검사 웹사이트 4일차코딩 챌린지 2023. 8. 3. 00:48
오늘은 JavaScript에 대해 배웠다. JavaScript는 웹 페이지에 동적인 요소, 즉 상호작용 할 때 나타나는 모든 요소들을 추가해 준다. JavaScript는 HTML이나 CSS와는 다르게 프로그래밍 언어이기 때문에 변수와 자료형이 있다. 변수는 보통 'const'를 사용해서 정의해 준다. 그리고 자료형에 대해서는 밑에 코드블록에 나와있다. const a = 30; //변수 a 선언방법 //자료형 const str = "Hello"; //문자열 const num = 55; //숫자 const arr = [1, 2, "hi"]; //배열 const obj = { //객체 name: "Elice", age:22, }; JavaScript에서는 HTML의 요소를 하나하나 가져와서 작업을 해야 하는데..
-
[엘카데미 챌린지] Bard로 만드는 MBTI 검사 웹사이트 3일차코딩 챌린지 2023. 8. 1. 10:18
오늘은 CSS에 대해 배웠다. CSS는 어제 말한 것처럼 웹 페이지의 각 요소를 스타일링, 즉 꾸며준다. 이때 각 요소는 HTML의 태그에서 id로 구분한다. #container { background-color: aqua; border: 5px solid black; } 이때 #container 이렇게 선택자를 이용해 id를 지정한다. 좀 더 간편하게 CSS를 만들기 위해 Bootstrap이라는 라이브러리를 이용한다. 라이브러리는 이미 누가 만들어놓은 유용한 코드 조각이기 때문에 이를 이용해 더 쉽고 편하게 개발할 수 있다고 한다. 하지만 강의에서 Bootstrap은 HTML을 이용해 코드를 만들어주고, 코드 작성 시 Bard를 대부분 사용하기 때문에 딱히 CSS는 쓸 일이 없을 것이라고 한다. 과연 ..
-
[엘카데미 챌린지] Bard로 만드는 MBTI 검사 웹사이트 2일차코딩 챌린지 2023. 7. 31. 23:54
웹개발을 위해서는 HTML, CSS, 자바스크립트를 배워야 한다. HTML은 웹 페이지의 구조를 작성하고, CSS는 웹 페이지의 각 요소 스타일링, 그리고 자바스크립트는 웹 페이지 요소들에 동적 요소를 추가해 준다. 오늘은 HTML기초에 대해 배웠다. HTML은 Head와 Body로 구조가 나뉘어 있는데, Head에는 우리 눈에는 보이지 않는 부가적인 요소들이 들어가 있고 Body에는 우리 눈에 직접 보이는 부분이 들어가 있다. Body에는 태그가 들어가 있는데 이렇게 꺾쇠 안에 들어가 있다. 각각 태그의 이름에 따라 특정한 역할을 한다고 한다. 태그에는 id라는 요소도 들어가 있는데 이런 식으로 요소에 들어가 있다. id는 이 요소를 조작하거나 꾸밀 때 유용하게 사용된다.