💬 들어가며 결론부터 말하자면 정수형과 문자열을 함께 사용할 수 있다. 하지만 내가 궁금증이 시작된 이유는 굉장한 무지에서 시작했기 때문에 다양한 방법을 공부해볼겸 작성한다. ❓ 문제 상황 (내가 문제) return 문에서 다음과 같이 문자열과 정수형을 함께 써놓고 잘못을 찾지 못하고 있었다. return "김서방은 " + answer + "에 있다" ..창피 어찌되었든 이를 계기로 다양한 방법으로 return문에 (꼭 retrun이 필요한건 아니지만) 문자열과 정수형을 사용하는 방법을 알아보자. 💡 문제 해결 우선 나의 문제는 answer이 정수형이기 떄문에 오류가 난 것 이었다. 내가 사용한 것처럼 적는다면, 문자열과 정수형 데이터 타입간에 연산을 수행할 수 없으므로 타입에러가 발생한다. 따라서 st..

리눅스 디렉터리 리눅스 다음 그림과 같이 계층적인 트리 구조를 가지고 있으며, 각각의 디렉터리는 파일 시스템의 일부분을 나타낸다. 리눅스 파일 시스템은 루트 디렉터리에서 시작하며, 다음과 같은 하위 디렉터리들로 구성된다. 참고로 리눅스의 디렉토리는 윈도우의 폴더와 같은 역할을 한다. 디렉토리 별 기능 디렉터리 기능 /bin 시스템에서 사용하는 기본적인 실행 가능한 명령어들이 저장되어 있는 디렉터리 (mv, cd, rm등) /sbin 시스템 관리용 명령어들이 저장되어 있는 디렉터리 (ifconfig, e2fsck, ethtool, halt ) /usr/bin 일반 사용자들이 사용가능한 명령어 파일들이 존재하는 디렉토리 /usr/sbin /bin 에 제외된 명령어와 네트워크관련 명령어가 들어있는 디렉토리 /..

💬 들어가며오랜만에 파이썬으로 코딩테스트를 준비하다보니 파이썬의 문법을 까먹은게 너무 많았다.  공부를 위하여 잘 몰랐던 부분을 착실히 정리해봐야겠다...   ❓ 문제 상황 list, str를 사용하여 내림차순으로 정리후 for문을 이용하여 int로 수정해주었지만, 형식은 아직 list라는 단점과 코드가 복잡하다는 점이 걸렸다.  for element in a: alist.append(int(element)) 위와 같이 int형으로 변환은 했지만, 반환을 이대로 하게된다면 타입이 다르다는 오류가 떴다.  💡 문제 해결이때  join 이라는 메서드를 활용하면 간단하게 해결할 수 있었다. alist = int(''.join(a)) a는 list형태의 str타입이기 때문에 int형으로 변환하며 list를 ..

💬 들어가며 프로젝트가 끝난 후 슬비쌤이 해주신 피드백을 통해 접근성에 대해 되돌아보고 있다. 생각보다 접근성에 대해 놓친부분이 많아서... 수정을 하던 중 공유하고 싶은 부분을 적어보려 한다. ❓ 문제 상황 스크린 리더가 페이지를 읽을 때, 괄호, 꺽쇠등을 모두 읽어내며 스크린리더를 이용하는 사용자에게는 필요하지 않은정보를 제공하기 때문에 그 부분을 수정해야 했다. 해당 페이지는 React프로젝트를 진행했던 우동집의 About Us 페이지 이다. 💡 문제 해결 캐릭터 이미지를 "캐릭터 이미지" 그자체로 읽어내주는 정보가 필요하지 않다는 느낌이 들어 img 태그의 alt=""를 공백으로 뒀다. 또한 const 나 let등 스크린리더로 읽어주는게 필수 요소가 아닌 부분은 읽어주지 않는게 낫고 또한, < L..

TypeScript의 기본 타입들 number ( Number X ) let age: number; age = 12; string (String X) let userName: string; userName="Max"; boolean let isInstructor: boolean; isInstructor = true; 복잡한 타입 arrays let hobbies: string[]; // number[], boolean[] ... hobbies=['Sprots', 'Cooking']; objects //타입 미지정시 any 타입으로 지정됨, 추천하지 않음 let person: { name: string, age: number, }; person = { name: "Max", age: 32, } object..

HTML MDN 모든 웹기술이 담겨있는 문서 MDN https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org whatwg html에 관한 표준, 커뮤니티 사이트 https://whatwg.org/ Web Hypertext Application Technology Working Group (WHATWG) whatwg.org HTMLhint HTML에 필요한 정적 코드 분석 도구 htt..

❓ 문제 상황 이전부터 내 vscode에는 심각한 문제가 있었다... 다름아닌 .history 폴더가 생기고 ctrl + s 저장을 할 때마다 history가 저장되어 용량을 계속잡아 먹었다. 팀 프로젝트를 진행할때에도 실수로 .history를 올리곤 했다. (물론 추후엔 .gitignore에 추가하여 없앴지만) 아무튼 귀찮은 이 파일을 제거하는 방법을 찾았다. 💡 문제 해결 1. vscode를 열고 "파일" > "기본설정" 탭으로 간다. 2. "설정" 메뉴에서 "Files: Exclude" 검색 3. (가장 상단에 있음) Files:Exclude에 패턴추가하기 마지막에 보이는 것 처럼 **/.history 추가하기 그 후 vscode를 재실행 하면 .historty 폴더가 제거된 것을 확인 할 수 있다..

동기(Synchronous) 동기방식은 어떠한 일을 처리하는 동안 다음 작업이 수행하지 못하고 첫번째 작업이 끝난 후 다음동작이 가능한 것을 말한다. 순서대로 하나씩 작업을 처리할 수 있는 방식을 말하는 것이다. 🤔 : 동기는 동시에 일어나는 이라는 의미를 갖고있어. 비동기 (Asynchronous) 비동기방식은 반대로 요청을 다른 작업을 하는 와중에 다음 동작을 수행할 수 있다. 첫번째 작업이 수행되고 응답을 기다리는동안 뒤의 동작을 먼저 실행하여 동시에 작업을 처리할 수 있는 방식이다. 🤔 : 비동기는 동시에 일어나지 않는 이라는 의미를 갖고있어. 🙋‍♂️ 여기서 잠깐. 동기는 동시적으로 일어나는 뜻, 비동기는 동시에 일어나지 않다는 뜻. 이상하게 들릴 수 있지만 여기서 말하는 동시는 작업의 요청과 ..

웹 표준이란 무엇일까? 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상 작동을 해야함을 의미. 표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규칙과 규격의 집합. 웹 표준을 준수하는 것은 웹 사이트와 웹 어플리케이션의 개발과 유지보수를 용이하게 하며, 다양한 웹 브라우저나 기기에서의 호환성 문제를 최소화 할 수 있다. 이는 웹 사이트나 어플리케이션의 접근성, 사용성, 검색엔진 최적화 등의 측면에서도 이점을 제공한다. W3C (World Wide Web Consortium) 우리가 아는 www. 월드 와이드 웹의 표준을 개발하고 유지보수하기위해 설립된 국제 컨소시엄. 💡 정리 😕: 그래서 웹 표준이란 뭐야?..

💬 들어가며 마크업과 CSS 를 하다보면, 상자 안에 가운데 정렬해 아이콘을 넣어야 할 때가 있다. 가로 정렬, 세로 정렬등이 있지만 이번에는 세로로 가운데정렬을 하는 경우를 살펴보자. 위와 같은 예시 이미지 처럼, 반응형에 맞춰 input 창의 세로 높이도 조절이 될때마다 그에 맞게 눈동자 아이콘이 가운데에 위치 하도록 해보자. 초보자들은 내가 했던 것 처럼, input 창의 height 값에 맞춰서 대강 가운데에 오도록 했을 것이다. 💡 문제 해결 input 창과 눈 아이콘을 의미하는 button 태그는 같은 레벨에 있을 것이다. 해당 두가지를 div태그로 묶어 relative를 준다. 그렇다면 div창크기에 맞춰 input이 생길 것이고, button은 div태그의 크기에 맞춰서 이동되도록 할 것 ..