본문 바로가기

FrontEnd

윈도우에서 HTML 파일을 서버에 올리는 법(Nginx), localhost 오류 해결 웹문서로 html 파일을 열어, 내가 작업한 결과를 보고 싶은데, 정적인 화면만 보여질 뿐, 자바스크립트로 동적인 컨텐츠는 작동을 하지 않더라. 그동안은 vscode의 live server의 확장팩을 이용해서 사용했었는 데, 내 서버에서도 돌아가게끔 해보려니, 안된다. 애초에 원리도 모르고, 그냥 편하다 해서 사용했으니 당연한건가. 찾아보니, 내가 제대로 html 파일을 열었다는 전제하에, 로컬 서버를 사용하여, HTML 파일을 서버에 올려 열어야한다. 그리고 웹 브라우저에서 해당 서버 주소를 입력하여 접속한다. 이 경우 웹 브라우저는 보안상의 이유로 로컬 파일에서 자바스크립트를 실행하지 않지만, 서버에서 제공되는 HTMl 파일은 보안이슈가 없으므로 자바스크립트가 동작한다. HTML 파일을 서버에 올리는.. 더보기
[Android] Fragment 프래그먼트 Fragment이란 파편, 조각이라는 뜻을 가진 Fragment는 하나의 Activity로 여러개의 화면을 구성하도록 해준다. 지금까지 하나의 Activity는 하나의 화면을 구성한다고 배웠지만, Fragment를 활용하면 좀 더 쉽고 효율적으로 많은 화면을 구성할 수 있게 된다. 화면을 각각 분할해서 독립적인 코드로 구성할 수 있게 도와주는 것이 Fragment이다. Fragmen는 Activity가 설정한 화면 위에 존재하고, Activity처럼 Fragment도 자신만의 화면을 구성하는 xml파일을 가지고 있다. 따라서 여러개의 Fragment를 만들고 Activity위에 Fragment를 교체하면 하나의 Activity를 가지고 여러화면을 제작할 수 있다. Fragment는 뷰는 아니지만, 뷰처럼.. 더보기
[Android] Inflater Inflater setContentView() 메소드는 View나 xml 파일(view들로 구성)을 메모리상에 객체화하여 화면에 보여주는 역할을 한다. 이때 필요한 과정이 inflate이다. inflate는 Layout파일인 xml 내용이 메모리상에 로드(load)되어 객체화 되는 것을 말한다. 즉, xml 파일에 정의해놓은 view들을 실제의 view 객체로 만드는 역할을 한다. 먼저 activity_main.xml 파일을 setContectView() 메소드의 매개변수로 넣어 화면전체를 설정한다. 전체 화면 중 일부 화면만 다른 xml파일로 구성된 Layout을 보여주려면 LayoutInflater 클래스를 사용해야한다. inflater 메소드는 LayoutInflater클래스의 메소드이다. 이 메소.. 더보기
[Android] Retrofit에서 Multipart form으로 데이터를 보내는 방법 Retrofit에서 Multipart form으로 데이터를 보내는 방법 파일을 보내기 위한 방법 텍스트를 보내기 위한 방법 Multipart란? Multipart는 HTTP를 통해 File을 Server로 전송하기 위해 사용되는 Content-type이다. HTTP 프로토콜은 크게 Header와 Body로 구분이 되고, 데이터는 Body에 들어가서 전송이 되는데, Body에 들어가는 데이터 타입을 명시해주는 게 Content-type이다. 이때 타입으로 지정해주는 형태를 MIME 타입으로 지정해줄 수 있는데, Multupart(=multipart/form-data)는 MIME 타입 중 하나이다. Multipart는 말 그대로 메시지(파일)을 여러 파트로 나누어서 메시지를 전달하는 방식이라고 이해하면 좋다.. 더보기
[Android] JSON 데이터 파싱하는 방법 Json이란? JSON은 JavaScript Object Notation의 약자로 데이터를 구조적으로 표현하기 위한 일종의 포맷(Format)으로 네트워크를 통해 데이터를 주고받을 때 사용되는 경량의 데이터 형식을 의미한다. 안드로이드에서 Json을 파싱 하기 이전에 먼저 json이 어떤 형식의 데이터 포맷인지 알아보자! JSON은 Object, Array, Key-Value 형태로 이루어져 있으며 String, Int, Long, Boolean 등의 타입을 지원한다. JSON의 오브젝트(Object) JSON객체는 여는 중괄호( { )로 시작해 닫는 중괄호( } )로 끝난다. { 중괄호 사이에 JSON 데이터가 표현된다.} JSON의 데이터: key-value JSON 오브젝트인 중괄호({}) 사이에 .. 더보기
[Android] SharedPreferences를 이용한, 데이터 저장과 불러오기 SharedPreferences를 이용한, 데이터 저장과 불러오기 SharedPreferences를 이용해서, 앱 내의 저장소에 영구 저장하는 방법!! 참고: https://developer.android.com/training/data-storage/shared-preferences?hl=ko 1. SharedPreferences란? 안드로이드 개발을 하다 보면, DB에 데이터들을 저장해야 하는 경우가 많이 생긴다. 데이터의 양이 많거나 중요 데이터의 경우 서버나 DB에 저장해야겠지만, 간단한 설정 값이나 문자열 같은 데이터를 저장하기 위해 DB를 사용하기는 부담스럽기 때문에 SharedPreferences를 사용하는 것이 적합하다. 다시 말해서, 로그인 화면에 아이디 저장, 비밀번호 저장하는 행위는 .. 더보기
[Android] 이메일 형식 체크: Patterns.EMAIL_ADDRESS 이메일 형식 체크하는 코드 안드로이드 API level 8 이상부터 Pattern을 사용하면 된다. String email = editEmail.getText().toString().trim(); Pattern pattern = Patterns.EMAIL_ADDRESS; // 유저가 아무것도 입력 안했거나, 이메일 형식이 틀리면, // 유저한테 이메일 제대로 입력해 주세요. 알려준다. if(email.isEmpty() || pattern.matcher(email).matches() == false){ //이메일이 틀렸을 경우에만 경고문 띄워준다.! Toast.makeText(getApplicationContext(),"이메일을 제대로 입력해주십시오",Toast.LENGTH_SHORT).show(); re.. 더보기
[Android] TextView setText() 로 문자 내용 변경하기 TextView setText() 로 문자 내용 변경하기 앱 실행 시에 처음 보여질 텍스트는 Layout의 xml에서 TextView를 사용했다면, 앱 실행 중에 TextView의 내용을 변경할 때 사용하는 코드이다. 앱 실행 후 TextView 내용을 변경한다. Layout의 xml에서 TextView를 참조한 다음 setText()를 호출하면 된다. public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { // ... 코드 계속 TextView text = (TextView) findViewById(R.id.text) ; text.setText("Te.. 더보기

티스토리툴바