분류 전체보기124

• 

  시매틱(Semantic) 태그의 쓰임새 🏷️ HTML 시맨틱(Semantic) 태그의 쓰임새 시맨틱 태그 (Semantic Tag) 사람이 이해하기 쉽도록 태그의 이름만 보고도 역할이나 위치를 알 수 있도록(=의미가 통하는, semantic) 만든 태그들이다. semantic 태그가 나오기 이전 아래 그림과 같이 태 inpa.tistory.com 본 글은 Inpa Dev님의 블로그 내용을 제가 보기편하도록 가져온 것 입니다. 시맨틱 태그 (Semantic Tag) 사람이 이해하기 쉽도록 태그의 이름만 보고도 역할이나 위치를 알 수 있도록(=의미가 통하는, semantic) 만든 태그들이다. 시맨틱 태그 구성 요소 시맨틱 태그 설명 header 페이지의 머리글, 제목, 로고, 메뉴, 검색 관련, 유틸, 작성자의 이름 등등으로 구성 nav 페이지.. 개발/HTML 2023. 6. 10.

• 

  HTML 태그 🏷️ HTML 태그 종류 총모음 태그 모음 요약표 html 태그들을 표로 정리한 요약표 이다. 표의 태그 링크를 누르면 예시 코드 페이지로 이동된다. 태그 설명 주석(comment)을 정의함. 해당 문서(document)의 타입을 정의함. 다른 콘 inpa.tistory.com 이글은 inpa Dev님의 블로그에서 대부분 가져온 것입니다. 제가 사용하기 위한 것만 추려서 가져왔습니다. HTML5의 기본요소 내용 글자 / 폰트 관련 태그 모음 : 제목 이것은 h1 tag 입니다. 이것은 h2 tag 입니다. 이것은 h3 tag 입니다. 이것은 h4 tag 입니다. 이것은 h5 tag 입니다. 이것은 h6 tag 입니다. : 긴 가로선 표시 : 줄 바꿈 태그가 삽입된 위치에서만 줄이 바뀐다. 닫는 태그 X .. 개발/HTML 2023. 6. 10.

• 

  [프로젝트] 아이디어 저번 시간에 팀원을 구하였고 이번 시간에는 아이디어를 정하였다. 코드스테이츠에서는 PMI기법을 이용해서 주제를 만들어가라고 했는데 PMI는 간단히 말하면 Plus, Minus, Interesting 으로 아이디어를 막 내고 좋은 점, 나쁜 점, 흥미로운 점을 나열해서 주제를 선택하는 방법이다. 생각보다 많은 아이디어가 나왔고 팀규모와 데이터를 생각해서 프로젝트 주제를 정하다보니 많은 제한점이 나왔다. 예를들어 내가 제시한 아이디어는 대부분 내가 혼자서도 충분히 만들어낼 수 있거나 아니면 백엔드에서 데이터를 다듬어야하는 작업이 많이 들어가서 선택받지 못했고 어떤 분은 약을 먹는 타이머와 비타민을 여러가지 먹을 때 적정량의 비타민을 먹는지 확인하기 위한 웹페이지를 만들려 했는데 비타민제품의 DB가 없어서 포.. 개발/개발일지 2023. 5. 10.

• 

  [프로젝트] 메인 프로젝트의 시작 프리 프로젝트가 끝이 나고 본격적으로 메인 프로젝트로 들어갔다. 프리 프로젝트는 랜덤팀원을 정해줘서 선택권이 없었지만 메인프로젝트는 달랐다. 백엔드 + 프론트엔드 총 300명 가까히 되는 인원들을 하나의 젭에 전부다 집어넣어놓고 알아서 팀원을 구하라고 던져졌다. 미리 팀원들을 구해놨던 사람들은 아주 쉽게 팀을 구했지만 나는 내 실력이 미안해서 팀원들을 미리 구하지 않았었다. 내가 왜 그랬을까.. 그리고 프리 프로젝트에서 아무것도 안 하려고 하시는 분이 계셔가지고 이번 메인 프로젝트에서는 반드시 좋은 팀원을 구해야겠다고 다짐을 했기에 정말 열심히 팀원을 구하려고 노력하였다. 그렇게 적극적으로 팀원을 구하려고 팀원을 구한다는 글을 보면 바로 달려가서 똥꼬쇼를 하는데 정말 이상한 사람들을 많이 보았다. 백엔드.. 개발/개발일지 2023. 5. 10.

• 

  설정을 해도 karabiner가 안 먹는다. 어느 날 갑자기 karabiner가 업데이트되면서 오른쪽 커멘드키가 한영전환이 안되서 당황했는데 생각보다 간단하게 해결을 하였다. karabiner를 지웠다가 다시 깔고 설정 싹다 다시 만지고 난리를 피웠었는데 결론은 카라비너 Devices 설정에 내가 지금 사용하고 있는 MX keys 키보드가 설정이 안되어 있던 것이다. Devices 탭에 내가 사용하고 있는 Modify events를 클릭하면 잘 작동된다. 내 30분... 일상 2023. 4. 27.

• [프로그래머스] 가위 바위 보 문제 설명 가위는 2 바위는 0 보는 5로 표현합니다. 가위 바위 보를 내는 순서대로 나타낸 문자열 rsp가 매개변수로 주어질 때, rsp에 저장된 가위 바위 보를 모두 이기는 경우를 순서대로 나타낸 문자열을 return하도록 solution 함수를 완성해보세요. 제한사항 0 코딩테스트/문제풀이 2023. 4. 16.

• [프로그래머스] 제곱수 판별하기 문제 설명 어떤 자연수를 제곱했을 때 나오는 정수를 제곱수라고 합니다. 정수 n이 매개변수로 주어질 때, n이 제곱수라면 1을 아니라면 2를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤ 1,000,000 입출력 예 n result 144 1 976 2 입출력 예 설명 입출력 예 #1 144는 12의 제곱이므로 제곱수입니다. 따라서 1을 return합니다. 입출력 예 #2 976은 제곱수가 아닙니다. 따라서 2를 return합니다. 내 풀이 function solution(n) { if(Math.sqrt(n) === Math.floor(Math.sqrt(n)))return 1; return 2 } 루트를 씌어주는 Math.sqrt()를 사용 소수점이 없다는 것을 확인하기 .. 코딩테스트/문제풀이 2023. 4. 15.

• 

  git stash git stash란 git stash 가 뭐냐면 코드를 잠시 다른곳에 보관해 놓는 방법이다. 여기서 stash는 "숨기는 장소"라는 뜻이다. 코드를 짜다가 개같이 멸망한 코드가 있다고 치자. 이 코드를 주석처리를 하고 싶지만 commit을 할 때 더럽히기 싫다면 stash를 사용하면된다. git stash에 저장하기 파일을 하나 만들어서 commit을 해보자. aaaaaaaaaaaa 그리고 밑에 bbbbbbbbb 코드를 짜놨다고 치자. 근데 밑에 코드가 맘에 안 들어 잠시 다른곳에 보관하고 싶으면 git stash 명령어를 쓰면된다. aaaaaaaaaa bbbbbbbbbb git stash 이렇게 명령어를 입력하면 aaaaaa 만 남는다. git stash save "이 코드에 대한 메모" 이렇게 명령어.. 개발/github 2023. 4. 15.

• [프로그래머스] 암호 해독 문제 설명 군 전략가 머쓱이는 전쟁 중 적군이 다음과 같은 암호 체계를 사용한다는 것을 알아냈습니다. 암호화된 문자열 cipher를 주고받습니다. 그 문자열에서 code의 배수 번째 글자만 진짜 암호입니다. 문자열 cipher와 정수 code가 매개변수로 주어질 때 해독된 암호 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ cipher의 길이 ≤ 1,000 1 ≤ code ≤ cipher의 길이 cipher는 소문자와 공백으로만 구성되어 있습니다. 공백도 하나의 문자로 취급합니다. 입출력 예 dfjardstddetckdaccccdegk 4 "attack" pfqallllabwaoclk 2 "fallback" 입출력 예 설명 입출력 예 #1 "dfjardstddetckda.. 코딩테스트/문제풀이 2023. 4. 14.

• [프로그래머스] 대문자와 소문자 문제 설명 문자열 my_string이 매개변수로 주어질 때, 대문자는 소문자로 소문자는 대문자로 변환한 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 my_string은 영어 대문자와 소문자로만 구성되어 있습니다. 입출력 예 my_string result "cccCCC" "CCCccc" "abCdEfghIJ" "ABcDeFGHij" 입출력 예 설명 입출력 예 #1 소문자는 대문자로 대문자는 소문자로 바꾼 "CCCccc"를 return합니다. 입출력 예 #2 소문자는 대문자로 대문자는 소문자로 바꾼 "ABcDeFGHij"를 return합니다. 내 풀이 및 배운 점 function solution(my_string) { // 하나씩 가.. 코딩테스트/문제풀이 2023. 4. 13.