| 부족함. (0) | 2015.03.18 |
|---|---|
| SpringCamp 2015 준비중. (0) | 2015.03.09 |
| 티켓주도개발TiDD 라.... (0) | 2014.12.20 |
| Thymeleaf의 작은따옴표(‘)와 큰따옴표(“) 변환정책, 자바스크립트에서 문제 발생! (0) | 2014.12.17 |
| Adieu 2014, 봄싹, 마지막 컨퍼런스. (0) | 2014.12.01 |
| SpringCamp 2015 준비중. (0) | 2015.03.09 |
|---|---|
| 2014 드림엔터 IoT 해커톤 구경. (0) | 2014.12.20 |
| Thymeleaf의 작은따옴표(‘)와 큰따옴표(“) 변환정책, 자바스크립트에서 문제 발생! (0) | 2014.12.17 |
| Adieu 2014, 봄싹, 마지막 컨퍼런스. (0) | 2014.12.01 |
| VirtualBox "No adapter name under Host-Only Adapter" (0) | 2014.11.05 |
자바스크립트까지 손댈줄이야...
$(".navbar-brand>span").html("<img src='images/logo_innoquartz_white.png' alt='Inno Quartz' />");
이렇게 해놓은 것을 Thyleaf 에서 렌더링하면서
$(".navbar-brand>span").html("<img src="images/logo_innoquartz_white.png" alt="Inno Quartz" />");
이렇게 바꾸면서 브라우저에서
SyntaxError: missing ) after argument list
오류를 발생시킨다. 이를 해결하는 방법은,
$(".navbar-brand>span").html('<img src="images/logo_innoquartz.png" alt="Inno Quartz" />');
으로 변경하면 해결된다.
이와 관련한 내용을 SNS에 올렸다가 CDATA 처리하는 것이 낫지 않느냐는 의견에 생각이 확장된다. 하앍~
백엔드 개발자랍시고 백엔드이상은 넘어오질 않았는데, 이번 프로젝트에 Thymeleaf를 View Template Engine으로 채용하면서 이쪽도 신경을 써야할 상황이 되었다. 아직은 정리가 되지 않은 부분이 많은데, 올해 연말 남은 기간동안 정리를 쭈욱 하고 진행해둬야겠다.
http://msdn.microsoft.com/ko-kr/library/ms256076%28v=vs.110%29.aspx
http://wp.goodchois.kr/devtip/archives/297
Thymeleaf의 템플릿은 사실 HTML의 탈을 쓴 XML이다. html로 파일확장자를 사용하기 때문에 브라우저에서 별무리없이 렌더링을 해서 보여주는 거다.
thymeleaf 파일 내에 자바스크립트도 결국은 XML의 일부로 여기기 때문에 자바스크립트에 대해서도 변형을 진행하는 것으로 보인다.
<![CDATA[An in-depth look at creating applications with XML, using <, >,]]>
위의 형식과 같이 자바스크립트 관련한 항목을
<script type="text/javascript">
//<![CDATA[
window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'}'>"+"<"+"/script>");
//]]>
</script>
와 같은 형태로 작성을 해야한다.
이보다 나은 방법은, 추후 어느정도 개발이 완료된 시점에 script 관련 항목을 별도의 스크립트 파일로 추출하여 모아놓고,
배포시에 스크립트 관련항목을 컴파일하여 압축하고 하나로 합쳐주는 작업을 진행하는 것이 더 적절해보인다.
| 2014 드림엔터 IoT 해커톤 구경. (0) | 2014.12.20 |
|---|---|
| 티켓주도개발TiDD 라.... (0) | 2014.12.20 |
| Adieu 2014, 봄싹, 마지막 컨퍼런스. (0) | 2014.12.01 |
| VirtualBox "No adapter name under Host-Only Adapter" (0) | 2014.11.05 |
| 20141104 Tech planet 참관후기 (0) | 2014.11.04 |
침대에서 뭉기적거리다가 일어나 눈을 뜨니 10시 반.
습관적으로 열어본 스마트폰에 올라와 있는 일정알림.
봄싹의 컨퍼런스가 있다는 것을 뒤늦게 인지한 나는 부랴부랴 씻고 밥먹고(점심시간 넘겨서 도착할테니, 밥은 먹고가야지)
정자동 네이버 그린팩토리를 향했다.
멀긴 멀다. ㅡ_-);; 전 회사는 1년여를 전철타고 왔다갔다 했었지.
내가 도착했을 때는 이미 세미나 중반쯤 다다른 상황이었다. 접수대에는 익숙한 얼굴들이 있었다.
그중 한 사람은 마지막 까지도 발표자료를 정리하느라 정신없었다.
0123
발표자료: Adieu 2014, 봄싹에서 발표한 “프론트엔드 개발프로세스, 어디까지 개선할 수 있나” 발표자료
게으른 개발자
‘게으른’과 ‘개발자’의 어울림
개발자는 “1시간이면 할 일’을 ‘7~8시간동안 하는’ 사람이다.
프론트엔드의 개발자동화는 서버사이드에 비해 많이 뒤쳐져 있었다.
그러나 프론트엔드도 다양해지기 시작했다. 2~3년 사이에 빠르게 변화했다.
그 중심에는 node.js 가 있다. 프론트엔드도 자동화된 개발프로세스를 가질 수 있는 환경을 가지게 되었다.
언어에 대한 ‘커뮤니티, 문화’ 가 형성하는 문화였다?
자바에서 쓰는 방법, 루비에서 쓰는 방법.
node.js가 출현하면서 이런 환경이 생겨나기 시작했고, 2~3년의 짧은 기간 동안 일어나면서 앞으로도 빠른 변화가 일어날 것이다.
프로젝트, 라이브러리를 추가할 떄마다 반복
도구들을 소개하지만 상세한 설명은 생략한다!
bower install jquery bootstrapcomponent 폴더를 생성한다.recess style.css
jshint util.js
/* @Flow */
...
flow check hello.js
Grunt를 이용한 설정을 할 수 있다.
프론트엔드의 개발프로세스는 몇년 사이 매우 빠른 속도로 변화했다. node.js의 출현과 함께 npm의 패키지 관리 기능이 가져온 변화가 자바스크립트를 기반으로 하는 프론트엔드에 큰 변화를 가져왔으며, 그 변화는 앞으로도 지속될 것으로 보인다. 프론트엔드쪽에서도 백엔드와 마찬가지로 의존성을 관리하고 빌드, 배포를 자동화하려는 시도가 지속적으로 변화를 야기할 것이다. 다양한 자바스크립트 프레임워크들의 춘추전국시대가 당분간은 계속 될 것으로 보인다.
우선은, 현재에 사용목적에 적합하다고 생각되는 기술을 찾아 그것을 잘 활용하는 것에 집중하는 것만으로도 충반하다고 본다.
01234567
Spring MVC에서 정적자원(css, js, etc)을 처리해본 경험을 공유
프론트엔드에서 개발, 빌드된 정적자원을 백엔드에서 어떻게 가져와서 사용할 것인가?
registry.addResourceHander("/resources/**").addResourceLocation("/resources/*")
Spring Boot에서는 어떻게 설정할까나? -> classpath:를 붙여!!
registry.addResourceHander("/resources/**").addResourceLocation("classpath:/resources/*")public class ResourceWebMvcConfiguration extends WebMvcConfigureAdapter { }
registry.setCachePeriod(31556926); //캐시 주기는 1년이 적당하다!?
웹을 확인하려고 하면,
프론트엔드와 백엔드의 개발을 분리하여 진행
코드에 금칠하던 냥겐의 비법공개의 느낌이랄까?
Spring Boot를 사용하면서 여기서 어떻게 더 나아갈까?
라는 고민을 하고 있던 찰라에 ‘희망의 빛’을 주는 발표였다.
지금 프로젝트는 Spring Boot를 기반으로 해서, 프로젝트의 resource 폴더에 static 폴더를 만들어 그 안에 css와 js 파일을 위치시켰는데, 생각해보니까 이녀석들을 최적화작업을 하고 하는 과정이 필요하다는 것을 간과했다. 두 개의 서브프로젝트로 나누고 프론트 프로젝트에서 최적화작업하고 그것을 백엔드 프로젝트에서 참조하는 형태로 가면 될 듯 싶다.
0123456
라이브 코딩!!
한국스프링의 살아있는 개발자, 백기선님의 발표!
ResponseEntity를 사용하면, HttpStatus 코드를 이용해서 응답상태를 결정지을 수 있어 좋다.
크롬 확장플러그인: Postman 을 통해서 설정정보를 처리
DTO
ModelMapper 사용
spock-spring 추가
groovy 추가
@ContextConfiguration(loader=SpringApplicationContextLoader.class, classes = Applications.class)
@WebApplicationConfiguration
public ExampleControllerTest extends Specification {
@Autowired
WebApplicationContext wac;
def "POST /accounts"() {
given:
when:
then:
}
}
JSON으로 리턴할 때는 ObjectMapper(By Jackson)를 등록
@Configuration
@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigureAdapter {
..
http.csrf().disabled();
http.authorizeRequest()
...
}
UserDetails 구현
public class AccountUserDetails extends UserDetails {
}
UserDetails를 제공할 서비스 생성
@Service
public AccountUserDetailsService implements UserDetailsService {
@Autowired
AccountRepository repository;
}
WebSecurityConfig 에 userDetails 설정
@Autowired AccountUserDetailService
coufigure(AuthenBuilder auth) {
...
}
@Bean
public PasswordEncoder passwordEncoder() {
return new StandardPasswordEncoder();
}
public class ServletInitializer extends SpringBootServletInitializer {
@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
return application.sources(Application.class);
}
}
SpringBoot는 스프링을 사용하는 사람이라면 결국 끌려들어올 수밖에 없는 블랙홀과 같은 강한 마력을 가지고 있다.
물론 이것을 바탕으로 보다 강력한 힘을 사용하기 위해서는 스프링에 대한 프레임워크가 어떻게 동작하는지 이해하고, 자바가 가지고 있는 언어의 특징을 이해하는 등의 학습이 필요하지만,
먼저 만들고 본다!
라는 논리로 보자면 Spring boot는 스프링을 기반으로 한 프로젝트를 구성할 때 부딪힐 수밖에 없는 설정의 벽을 많이 낮춰주는 것이 사실이다. 기선님의 라이브 코딩은 언제나 역동적이다. 이제는 능수능란하게 청중들과 반응하며 코딩을 이끌어가는 모습에서 라이브코딩의 관록을 느낀다.
따라올테면 따라와 봐.
라며 라이브코딩을 따라오던 자와의 신경전 또한 흥미로웠다. ㅎㅎ
스프링 시큐리티를 활용하는 방법에 대해서 힌트를 얻었다. 가볍게 던지는 이야기들 속에서 JavaConfig에 대한 막연했던 것들이 가볍게 정리되며 해소되는 이런 느낌 때문에 이런 컨퍼런스를 오게 되는 것이 아닐까?
0123456789101112131415
끊임없이 공부하고 코드로 만들어내는 배움의 장이었던 봄싹의 활동이 2014년 11월 30일, 그 대단원의 막을 내렸다.
이름처럼 새싹개발자들이 무럭무럭 성장하여 자신의 분야에서 한몫하는 멋진 개발자들로 성장하였다. 그들은 앞으로도 꾸준하게 개발자의 길을 걷고 있을 것이라 생각한다. ^^
나도 2011년도엔가 잠시 봄싹 스터디에 합류했다가 3주 정도 참여했다가 꼬리를 내리고 도망간 하드코어한 스터디그룹이었는데…
멋지게 유종의 미를 거둔, 봄싹의 마지막 컨퍼런스를 보면서 많은 사람들이 무엇인가를 얻어갔다는 것만으로도 충분히 보람찬 것이지 않을까?
모두 수고하셨습니다. ^^ 많은 가르침을 받았습니다.
| 티켓주도개발TiDD 라.... (0) | 2014.12.20 |
|---|---|
| Thymeleaf의 작은따옴표(‘)와 큰따옴표(“) 변환정책, 자바스크립트에서 문제 발생! (0) | 2014.12.17 |
| VirtualBox "No adapter name under Host-Only Adapter" (0) | 2014.11.05 |
| 20141104 Tech planet 참관후기 (0) | 2014.11.04 |
| Deview 2014 관람기 (0) | 2014.10.01 |
하둡과 관련해서 VirtualBox를 실행시 Network를 추가하는 과정이 필요하다. 이를 위해서
‘Host-Only Adapter’를 추가하는데, 이때 ‘Host Name’이 추가되지 않아서 실행되지 않는 문제가 발생한다.
이를 해결하는 방법은 의외로 간단하다.
설정Preference -> 네트워크Network -> [호스트 전용 네트워크]
로 이동하여 ‘+’를 선택하면 된다.
| Thymeleaf의 작은따옴표(‘)와 큰따옴표(“) 변환정책, 자바스크립트에서 문제 발생! (0) | 2014.12.17 |
|---|---|
| Adieu 2014, 봄싹, 마지막 컨퍼런스. (0) | 2014.12.01 |
| 20141104 Tech planet 참관후기 (0) | 2014.11.04 |
| Deview 2014 관람기 (0) | 2014.10.01 |
| 마우스를 두개샀다. (0) | 2014.09.25 |
