전체 글 93

문제10 : 별 찍기

크리스마스 날, 은비는 친구들과 함께 파티를 하기로 했습니다. 그런데, 크리스마스 트리를 사는 것을 깜빡하고 말았습니다. 온 가게를 돌아다녀 봤지만 크리스마스 트리는 모두 품절이었습니다. 하는 수 없이 은비는 프로그래밍으로 트리를 만들기로 합니다. 은비를 위해 프로그램을 작성해 주세요. **입력** 5 **출력** * *** ***** ******* ********* 정답: const level = prompt("숫자를 입력하세요."); let tree = ""; for (let i = 0; i < level; i++) { for (let k = 1; k < level - i; k++) { tree += " "; } for (let j = 0; j

리엑트에서 카카오톡 API 공유 시 에러발생.(Helmet, undefined)

1. Helmet 사용 시 에러 Helmet을 다운로드 받아서 사용하다가 갑자기 아래와 같은 에러가 발생했다. Warning: Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. https://github.com/nfl/react-helmet/issues/623 Warning: Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. · Issue #623 · Do you want to request a feature or report a bug? Wh..

IT,Programming/TIL 2022.08.05

리엑트에서 카카오톡 메세지 공유 API 사용 방법

1. 카카오톡 메세지 공유 API 사용 방법 카카오톡 메세지 공유 API는 쉽게 자바스크립트를 보고 다운로드 받을 수 있다. 아래 유튜브를 참고하면 쉽게 따라할 수 있다. https://www.youtube.com/watch?v=KttKrcCc6bU 문제는 리엑트에서 어떻게 적용하는가이다. 리엑트에 적용할때는 주의할 점이 있다. 2. 리엑트에 적용하기 먼저 카카오 파일을 하나 만들어준다. 나는 React + TypeScript 를 사용하기 때문에 확장자가 tsx이다. 하지만 안에 들어가는 내용은 다른 파일 확장자라도 상관없다. 참고로 카카오톡 공유 API의 이미지는 URL만 가능하고 URI는 불가능하다. https://devtalk.kakao.com/t/url/713 [카카오링크] 전송할 이미지가 url..

IT,Programming/TIL 2022.08.05

프론트엔드 개발자가 되기 전에 알았으면 좋았을 20가지

* 본 내용은 태곤님의 강의 내용을 필기 한 것입니다* 개발자의 역량이란 무엇일까요? 보통 아래와 같습니다. 개발자의 능력 = Hard Skills(30~50%) + Soft Skills(50~70%) 즉, 프로그래밍 능력 + 커뮤니케이션, 협업, 글쓰기,커리어관리 등 프로그래밍 외적 능력이 개발자의 역량입니다. 그래서 오늘의 주제... 그렇다면 Soft Skills을 어떻게 기를까? 1. 테스트에 용이한 코드를 작성하자 a. 테스팅 프레임워크를 활용 cypress / playwright 등 사용할 수 있다. b. 최대한 코드를 쪼개서 작성 코드를 기능별로 쪼개서 작성하면 문제가 발생하는 코드를 발견하기 쉽다. 2. 읽기 쉬운 코드를 작성하자 a. 코드에 배려심을 담느냐의 문제 회사에서 동료들과 협업을 ..

IT,Programming/TIL 2022.06.17

[CSS]레이아웃 잡을 때 height:100% 설정하는 방법

문제 CSS로 레이아웃을 잡을 때 main에 해당하는 부분을 height:100%로 설정해도 화면에 나타나지 않는다. 예시: See the Pen Untitled by Jason Park_朴城范_박성범 (@wannabecm) on CodePen. 이는 부모테그에 높이가 지정되어 있지 않기 때문이다. 부모의 높이가 0이기 때문에 자식요소의 높이를 100%로 설정을 해줘도 여전히 0*100% = 0 인것이다. 해결방법 따라서 이런 경우에는 부모테그에 해당하는 블록의 높이를 100%로 지정해준다. 이때 바로 한 단계 상위 부모테그 뿐만 아니라, 상위에 있는 모든 부모 테그의 높이를 지정해주어야 한다. 즉, 여기에서는 한 단계 상위 부모테그인 body 뿐만 아니라 그보다 더 상위 부모 테그인 html의 높이도 ..

FRONT-END/CSS 2022.06.15

Server(Linux, Ubuntu, AWS)

우분투 실습 실습을 위해서 설치가 필요없는 클라우드 환경을 이용하도록 하겠습니다. 우리는 구름IDE라는 클라우드 서비스를 이용하여 Linux가 설치된 컴퓨터를 무료로 빌려서 실습할 수 있습니다. SaaS(Software as a Serviece) _SaSS(X) SaaS는 가장 사용자 단에 친밀한 서비스이며 네트워크를 통해 애플리케이션 기능을 이용할 수 있는 서비스입니다. 드롭박스, 구글 클라우드 등의 서비스가 여기에 속하죠. PaaS(Platform as a Service) PaaS는 빠르게 어플리케이션을 개발하고 서비스할 수 있도록 고안된 것입니다. 예를 들어 서버에는 이미 Node와 같은 런타임이 깔려있고 우리는 javascript 파일 빌드만 하면 되는 것이죠. IaaS(infrastructure..