본문 바로가기

분류 전체보기85

[JavaScript] 동기 처리와 비동기 처리, 그리고 콜백함수 1. 동기 처리와 비동기 처리- 동기(synchronous) 처리 : 현재 실행 중인 태스크가 종료될 때까지 다음에 실행될 태스크가 대기하는 방식   (예 : 코드 한 줄 실행 완료 -> 다음 줄 실행)  ▪️장점 : 실행 순서가 보장됨  ▪️단점 : 앞 태스크가 완료될 때까지 뒤의 태스크들이 블로킹(작업중단)됨 - 비동기(asynchronous) 처리 : 현재 실행 중인 태스크가 완료되지 않았더라도 다음 태스크를 곧바로 실행하는 방식   (예 : 코드 한 줄을 실행하면 해당 코드 한 줄의 완료 여부와 관계없이 다음 줄이 실행된다.) 2. 비동기적 처리 방식으로 동작하는 기능의 예 - 타이머 함수인 setTimeout과 setInterval - HTTP 요청 - 이벤트 핸들러 3. setTimeout으로.. 2025. 1. 5.
[JavaScript] 객체 생성방법 (그리고 근황) 🍀 근황저는 11월 말에 강사님과 상담을 한 후 청년취업사관학교(SESAC)를 하차하였습니다. 지금의 저는 앱 개발자보다 웹 백엔드 개발자로서의 길을 더 가고 싶었기 때문입니다.동시에 저만의 홈페이지를 처음부터 끝까지 구축하기 위해 자바스크립트도 열심히 찾아보고 공부하고 있습니다.내일이면 크리스마스 이브입니다. 저는 이브에도, 크리스마스에도, 그리고 새해 첫 날에도 서울 살이에 드는 비용을 충당하기 위해 일을 합니다. 그치만 일하는 시간을 제외하곤 코딩 공부와 프로젝트를 이어갈 수 있음에 행복하게 지내고 있답니다:)  1️⃣ 자바스크립트로 객체 생성하는 방법 1 : 객체 리터럴자바스크립트는 클래스 기반 객체 지향 언어가 아닌 프로토타입 기반 객체 지향 언어입니다.자바를 공부하며 익혔던 방법과는 다르게 .. 2024. 12. 23.
[Flutter] 화면 구현 연습하기 - Appbar 활용 프로필 만들기 - Appbar 활용void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Appbar', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyPage(), ); }} 그리고 홈 화면을 같이 구현해줍니다.class MyPage extends StatelessWidget { @override Widget build(BuildContext context) { return .. 2024. 12. 4.
[Flame] 튜토리얼 기초 - 캐릭터를 화면에 띄워봅시다 🚩 목표오늘은 아래의 Flame 공식문서 튜토리얼을 따라해보며 아래 그림에 있는 ember라는 불속성 캐릭터를 화면에 띄워볼거에요:)https://docs.flame-engine.org/1.6.0/tutorials/platformer/platformer.html Ember Quest Game Tutorial — FlameWarning: you are currently viewing the docs for an older version of Flame. Please click here to go see the documentation for the latest released version.docs.flame-engine.org 준비1. 새로운 플러터 프로젝트를 생성해줍니다. 2. 터미널에 flutter.. 2024. 11. 9.
[Github] error: 레퍼런스를 에 푸시하는데 실패했습니다 제 repository에는 아래와 같이 브랜치가 2개 있습니다.- main- dev 그런데 dev로 커밋하는 과정에서 오류메세지가 발생했습니다. 바보같이 머지한 것을 pull 하지 않아서, dev로 pull을 하여도, push를 해도 아무것도 되지 않는 상황이었습니다. 해결은 아래와 같이 했습니다.1. newDev라는 새로운 브랜치를 만들었습니다.git branch 'newDev' 2. newDev에 현재 작업중인 파일을 push 합니다. 3. dev 브랜치를 삭제합니다git branch -d "dev" 4. 다시 dev 브랜치를 생성하고, newDev를 dev로 pull 합니다. 5. newDev 브랜치를 삭제할 수 있습니다. newDev 브랜치가 불필요하다면 삭제해도 됩니다. 이런식으로 삽질을 해가며.. 2024. 10. 31.
[Project] 와이어프레임과 기획안 발표, 그리고 피드백 회고 1. 와이어프레임(Wireframe) 짜는 과정 회고(1) 첫 번째 피드백과 개선 저의 첫 화면들을 백업을 해두지 않아 이미지 파일이 없는점, 우선 양해 부탁드립니다.저는 흰 배경과 회색조 상자, 그리고 검정색 글씨로만 와이어프레임을 짰습니다.디자이너 친구가 있다는 생각에 안일하게 해간 것을 딱 들통났습니다.기획안 완성도가 떨어진다는 피드백과 동시에 디자이너 친구에게 의지하지 말고 그 친구가 놀랄 정도로 스스로 짜보자는 목표를 수립하였습니다.  (2) IA를 바탕으로 와이어프레임 '다시' 만들기 - 왕도는 없다! 한 걸음부터 시작!초보적인 와이어프레임을 엎고 다시 처음부터 기획을 바탕으로 와이어프레임을 짜기 시작했습니다.그러나 부딪히 난관이 있었습니다. 바로 머릿속에 있는 것을 눈 앞으로 꺼내는 것이 참.. 2024. 10. 24.