npm init -ynpm i -D typescriptnpm i -D typescript@4.6.3 (특정 버전 설치)설치하는 순간, 프로젝트 폴더아래에 node_modules, package-lock.json 폴더/파일이 생성된다.src폴더 생성 및 index.ts

TypeScript(이하 TS)는 자바스크립트 기반으로 만들어진 언어이다. 자바스크립트가 갖고 있는 여러문제를 해결하고 보완하기 위해 만들어졌다. ✅ 타입 안정성 자바스크립트는 개발자가 오류가 가득한 코드를 적어도 최대한 이해하려고 노력하는 언어이다. 예를 들어보자

CSS 파일의 규모가 커지면 불가피하게 가독성이 떨어지고 유지보수에 어려움을 겪는다. CSS의 가독성과 재활용성을 높이고, CSS의 단점을 보완해서 나온게 SCSS이다.또한 브라우저에서는 SCSS 파일을 인식하지 못하기 때문에 배포할 때에는 SCSS -> CSS 변환

flex로 좌우상하배치 및 크기조절은 쉽지만 grid형태로 구현하는 것이어렵기 때문에 나온 속성이다.grid-template-columns는 column(열) box의 너비(width)를 설정한다.grid-template-rows는 row(행) box의 높이(heigh

CSS 와 SCSS는 다르다-! inline / inline-block / block ❌ 뭐가다른지 제대로 inline 인라인은 텍스트라고 말할 수 있다. 너비와 높이가 필요가 없다. 옆에 다른 요소(element)가 바로 올 수 있다. block block은 B

이런식으로 채팅리스트를 db에서 가져오려고 한다.<span style="color: 채팅리스트의 형식을 List<ChatModel>이라고 생각하고ChatModel은 상대프사URL /상대닉네임 /마지막대화 /마지막대화시간 같은 정보가 들어가 있으면 좋을 것

SSL/TLS 버전이 취약한 버전이라고 보고서에 나왔다.TLS_v1.0, TLS_v1.1 버전이였다.POODLE 과 BEAST 와 같은 여러 공격에 취약한 것으로 알려져있고,많은 브라우저에서도 이제 해당 프로토콜 지원은 하지 않지만웹사이트가 해당 버전을 지원/사용하고

플러터와 파이어베이스 연결 이후에구글로그인 구현 중에 나오는 에러로 좀 많이 헤맸다. 🥲비슷한 에러가 발생하신 분들은 참고하시길-!프로젝트 설정 클릭하고 스크롤 맨 밑으로 내린다.Apple앱을 클릭하고 GoogleService-info.plist를 다운받는다.해당 파

플러터에서 리스트뷰를 스크롤 맨 밑으로 고정하여 렌더링하고 싶어서아래 코드와 같은 흐름으로 작성했더니 오류가 발생했다. \_AssertionError ('package:flutter/src/widgets/scroll_controller.dart': Failed asse

Dart의 Future는 지금은 없지만 미래에 요청한 데이터 혹은 에러가 담길 그릇이다. Future는 싱글스레드 환경에서 비동기처리를 위해 존재한다. 예시 Future의 뜻은 나중에 String 혹은 error가 나온다는 이야기이다. -> then, catchEr

Xcode 14.3, IOS 16.4, Flutter 3.7.10플러터로 개발 중에 Xcode를 업데이트했더니 위와 같은 오류가 발생하였다..원인으로는 Xcode 14.3부터 지원하지 않은 버전으로 빌드하려다 보니 생기는 오류라고 한다.프로젝트 폴더/ios/Podfil

실수로.. 아이폰 IOS 업그레이드를 하면서 Xcode에서 아이폰 인식을 못한다.어쩔 수 없이 Xcode 업데이트를 눌렀다. 🥲근데 이게 머임..무한로딩에 걸려버린 것..내가 시도해본 방법은1\. 재부팅 (실패)2\. 켜놓고 다음날까지 기다리기 (실패)3\. Xcod

유지보수를 하고 있는 사이트가 있는데 특정 기능(메일 전송)을 요청할 때만 페이지를 못찾는 오류가 발생하였다. 실서버에 코드수정을 한 것도 아닌데 갑자기..? 개발서버에서는 메일 기능을 빼고 테스트하기 때문에 메일 전송을 요청할 때 오류가 발생하는 것도 늦게 알았다

Synchronize operation failed. svn: E210003: connection refused by the server로컬에서 수정한 파일들을 서버에 커밋하려고 하는 순간위와 같은 오류가 발생하였다.. 잘만 되던 커밋이 왜..?나 같은 경우에는 방화벽

이제 서버를 만들었으니 접속을 해보자. 터미널창을 열어서 ssh root@123.123.123.123를 입력하자. 123.123.123.123은 할당받은 공인IP이다.

구글링으로 네이버클라우드로 배포하려다보니까자료가 많지 않았다. ㅠ까먹지 않기 위해 메모시작!네이버클라우드 회원가입/결제방법 등록을 해야한다.네이버 클라우드 바로가기콘솔을 클릭한다.Server - Server 클릭서버 생성해보자친근한 우분투를 선택했다.나머지는 기본 값으

넘블에서 진행되는 챌린지를 했다.내가 진행한 챌린지는 바닐라 자바스크립트만을 이용하여 만드는간단한 싱글페이지 구현이었다.가이드라인/요구사항/피그마제공/백엔드API 등등필요한 소스들을 모두 제공해주어서 편하게 사용만 했다. ㅎㅎ또한 디스코드를 통해 질문/답변 피드백을 바

😎 소개 🙋🏻‍♂️ How Flutter Works ? 기존 네이티브 앱 개발(Swift/Java)은 운영체제와 직접적으로 소통한다. 버튼, 인풋창 등 모든 요소들을 운영체제에게 요청한다. **플러터는 운영체제와 직접적으로 소통하지 않는다. [엔진]이 플러터와

모든 플랫폼에서 빠른 앱을 위한 클라이언트 최적화 언어유저인터페이스(UI)를 만드는데 최적화되어있다.개발자경험이 좋다.1\. dart-webdart로 쓴 코드를 JS로 변환해주는 컴파일러2\. dart-nativedart로 쓴 코드를 다양한 운영체제에 맞게 변환해주는

무료 STUN/TURN 서버https://global.xirsys.net/dashboard/serviceswannabeing@naver.comhttps://andonekwon.tistory.com/59STUN / TURN SERVER?